0

データベースを表示するためにJqgridを開発しましたが、ドロップダウンメニューから値を選択するときにレコードをフィルタリングするFiltertoolbarを追加する必要があります...

以下はJqgridの私のコードです。

$(function () {
    $("#UsersGrid").jqGrid({
        url: 'getGriddahico.ashx',
        datatype: 'json',
        height: 250,
        colNames: ['UserID', 'UserName', 'FirstName', 'MiddleName', 'LastName', 'EmailID'],
        colModel: [
                { name: 'UserID', index: 'UserID', width: 100, sortable: true },
                { name: 'UserName', width: 100, sortable: true},
                { name: 'FirstName', width: 100, sortable: true },
                { name: 'MiddleName', width: 100, sortable: true },
                { name: 'LastName', width: 100, sortable: true },
                { name: 'EmailID', width: 150, sortable: true }
            ],
        rowNum: 10,
        rowList: [10, 20, 30],
        pager: '#UsersGridPager',
        sortname: 'UserID',
        viewrecords: true,
        sortorder: 'asc',
        autowidth: true,
        toppager: true,
        footerrow: true,


    });

    $("#UsersGrid").jqGrid('navGrid', '#UsersGridPager', { edit: false, add: false, del: false, search: false });


});

4

1 に答える 1

0

クライアント側は簡単です。search: true,またはを介して列を検索可能などとしてマークするか、ポケットベルの一部としてフィルターボタンを使用できます。SOには両方の例が多数あります。FirefoxやFirebugやChromeなどのブラウザを使用して、フィルタリングに関してクライアントからサーバーコントロールに何が送信されているかを確認することを強くお勧めします。

サーバー側では、 ASP.NET MVC 2.0でのOlegの回答を確認する必要があります。jqgridでの検索の実装では、Filtersヘルパークラスが表示され、jqGridのコントロールに基づいてデータの動的フィルタリングを実装する方法がわかります。これをフォローして使用し、サーバー側のフィルタリングを実装してデータをグリッドに渡しました。

幸運を祈ります...少しセットアップが必要ですが、完了したら非常に強力なクライアントサイドツールが提供されます。

于 2013-01-28T14:25:31.653 に答える