-1

嗨伙计们!!!我制作了 jqgrid,在其中添加了一个 FilterToolbar。现在根据我的需要,我需要下拉菜单来获取 FilterToolbar 列中的唯一值。我正在使用 asp.net ...

这是我的代码...

 $(function () {
        $("#UsersGrid").jqGrid({
            url: 'jqGridHandler.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

            //caption: 'JSON Example'
        });

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

       $("#UsersGrid").jqGrid('filterToolbar', { stringResult: true, searchOnEnter:true, defaultSearch: 'cn' });
       $("#UsersGrid").jqGrid('navButtonAdd', '#UsersGrid-pager', { caption: "Filter", title: "Toggle Searching Toolbar", buttonicon: 'ui-icon-pin-s', onClickButton: function () { $("#UsersGrid")[0].toggleToolbar(); }
});

请大家帮我找到解决方案.. 提前谢谢....

4

1 回答 1

0

最简单的方法是使用stype: "select"。如果您想用列中的唯一值填充下拉列表,您可以在服务器端或客户端执行此操作。如果您以 HTML 片段的形式在服务器端提供所有可能的唯一值,则<select>可以指定(或)dataUrl选项。如果您在客户端提供数据,则可以指定(or )的属性。在答案中,您将找到可能实现的示例。searchoptionseditoptionsvaluesearchoptionseditoptions

于 2013-01-23T11:32:23.833 回答