从jquery easyUi treegrid搜索

时间:2013-03-07 10:16:12

标签: jquery jquery-ui jquery-easyui

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


任何一个从easyui树网格实现这样的功能,请建议我或者提供如何使用easyui treegrid进行过滤的代码。

1 个答案:

答案 0 :(得分: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. 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>

  3. 我没有包含后端内容,但是,在你的支持bean中,你将有一个名为searchAjax的方法,它获取searchFilter参数,然后调用服务层,将参数作为参数传递给搜索方法。 / p>

    结果(集合)从服务层返回到支持bean,后者将它们转换为JSON(也未显示),然后doSearch()重新绘制treegrid以显示找到的结果