【发布时间】:2013-03-07 10:16:11
【问题描述】:
我正在使用jquery EasyUi treegird ,我想从网格中进行过滤。
任何人从easyui treegrid实现了这样的功能,请给我建议或提供如何使用easyui treegrid进行过滤的代码。
【问题讨论】:
标签: jquery jquery-ui jquery-easyui
我正在使用jquery EasyUi treegird ,我想从网格中进行过滤。
任何人从easyui treegrid实现了这样的功能,请给我建议或提供如何使用easyui treegrid进行过滤的代码。
【问题讨论】:
标签: jquery jquery-ui jquery-easyui
不确定您是否还在寻找,但这里有一个使用 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/阿贾克斯。这与上面的 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 parametervar 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 参数,然后调用服务层,将参数作为参数传递给搜索方法。
结果(一个集合)从服务层返回到支持 bean,后者将它们转换为 JSON(也未显示),然后 doSearch() 重新绘制树形网格以显示找到的结果
【讨论】: