我正在使用jquery EasyUi treegird ,我想从网格中进行过滤。
任何一个从easyui树网格实现这样的功能,请建议我或者提供如何使用easyui treegrid进行过滤的代码。
答案 0 :(得分:0)
不确定如果你还在寻找,但这是一个使用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>
我没有包含后端内容,但是,在你的支持bean中,你将有一个名为searchAjax的方法,它获取searchFilter参数,然后调用服务层,将参数作为参数传递给搜索方法。 / p>
结果(集合)从服务层返回到支持bean,后者将它们转换为JSON(也未显示),然后doSearch()重新绘制treegrid以显示找到的结果