Я работаю с jquery EasyUi treegird, и я хочу сделать фильтрацию из сетки.
поиск из jquery easyUi treegrid
любой осуществил такую функциональность от easyui сетки дерева любезно предложить мне или предоставить мне код, как сделать фильтрацию с использованием easyui TreeGrid.
Не уверен, что если вы все еще ищете, но вот решение с использованием HTML, Jquery/jeasyui/Ajax и Java:
HTML:
<html>
<form>
<input id="searchFilter" name="searchFilter" class="required" />
<a href="#" onclick="doSearch()">Search</a>
</form>
<%-- the treegrid (a table) to contain the results --%>
<table id="dgMilestone"></table>
<html>
Jeasyui/Ajax. Это находится в том же файле, как HTML код выше:
<script type="text/javascript">
$('#dgMilestone').treegrid({
url:"yourBean.action?&listAjax",
idField:'id',
refresh:'id',
treeField:'name',
columns:[[
{field:'name',title:'Name',width:250, rowspan:2, sortable:'true'},
]]
});
function doSearch() {
// get the search parameter
var search = $('#searchFilter').val();
// call your backing bean method, passing the search filter
$('#dgMilestone').treegrid({
url:'yourBean.action?&_eventName=searchAjax&searchFilter='+search });
}
</script>
я не включил бэкенд-й uff, но в вашем поддерживающем bean-компоненте вы бы получили метод под названием searchAjax, который получает параметр searchFilter, а затем вызывает уровень сервиса, передавая параметр в качестве аргумента методу поиска.
Результаты (сборник) возвращаются из сервисного слоя подложки боба, который преобразует их в JSON (также не показан), а затем doSearch() повторно рисует TreeGrid для отображения результатов поиска