0

我正在使用jquery EasyUi treegird，我想从网格中进行过滤。


任何人从easyui treegrid实现了这样的功能，请给我建议或提供如何使用easyui treegrid进行过滤的代码。

4

1 回答 1

0

不确定您是否还在寻找，但这里有一个使用 HTML、Jquery/jeasyui/Ajax 和 Java 的解决方案：

  1. 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>

  2. 杰易/阿贾克斯。这与上面的 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 参数，然后调用服务层，将参数作为参数传递给搜索方法。

结果（一个集合）从服务层返回到支持 bean，后者将它们转换为 JSON（也未显示），然后 doSearch() 重新绘制树形网格以显示找到的结果

于 2013-04-22T09:02:42.653 回答