0

いくつかの作業で、私はついにjQGridを動作させることができます。デモのように列フィルタリングを使用したい。

ここに画像の説明を入力してください

私のグリッドは：

 $(function () {
        $("#list").jqGrid({
            url: '/Work/DynamicGridData/',
            datatype: 'json',
            mtype: 'GET',
            colNames: ['Id', 'Job Title', 'Job Type','Job Priority','Rate','Creation Date','Deadline'],
            colModel: [
          { name: 'Id', index: 'JobDescriptionID', align: 'left' },
          { name: 'Job Title', index: 'JobTitle',align: 'left' },
          { name: 'Job Type', index: 'JobType.JobTypeName', align: 'left'},
          { name: 'Job Priority', index: 'JobPriority.JobPriorityName', align: 'left' },
          { name: 'Rate', index: 'JobType.Rate', align: 'left' },
          { name: 'Creation Date', index: 'CreationDate', align: 'left'},
          { name: 'Deadline', index: 'JobDeadline', align: 'left'}],
            pager: jQuery('#pager'),
            rowNum: 10,
            rowList: [5, 10, 20, 50],
            sortname: 'JobDescriptionID',
            sortorder: "desc",
            viewrecords: true,
            imgpath: '',
            caption: 'My first grid'
        });
    });

示されているように、列フィルタリングのために私がする必要があることは何ですか？

4

2 に答える 2

0

このリンクはあなたを助けることができると思いますhttp://www.ok-soft-gmbh.com/jqGrid/SingleSearchFilter.htm

そしてこれもチェックしてください...

データを投稿するための高度なフィルターを追加するためのAPIがjqgridにありますか？

于 2012-07-24T11:41:40.193 に答える
0

ツールバー検索を追加するには、最初に次のようにしてグリッドにツールバーがあることを宣言する必要があります。

$("#list").jqGrid('filterToolbar', options);

オプションはさまざまな構成設定を含むオブジェクトであり、ここで使用可能なオプションのリストを確認できます。

表示される検索フィルターのタイプは、列モデルの一部として選択したものによって異なります。利用可能なオプションはこちらです。

リンクしているデモは、jqGridの有料ラッパーバージョン用ですが、コードは、私の答えが基づいているグリッドの標準の無料バージョンのようです。無料版のデモを見たい場合は、このページにたくさんあります。フィルタツールバーは、次の場所でデモされます。

New in version 3.7 -> Tooolbar search

于 2012-07-24T13:37:47.080 に答える