0

私はjquery EasyUi treegirdを使用しており、グリッドからフィルタリングしたいと考えています。


easyuiツリーグリッドからそのような機能を実装した人は、親切に私に提案するか、easyuiツリーグリッドを使用してフィルタリングを行う方法のコードを提供してください。

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 に返され、バッキング Bean はそれらを JSON に変換し (これも表示されていません)、doSearch() がツリーグリッドを再描画して、見つかった結果を表示します。

于 2013-04-22T09:02:42.653 に答える