Question

我使用下面的代码实现了一个jqgrid。网格工作正常，但是当我拖动并更改列的顺序（重新排序）时，最后一列下面的文本框会在每次重新排序时消失。

<script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery("#list").jqGrid({
            url: '@Url.Content("/Contacts/DynamicGridData/")',
            datatype: 'json',
            mtype: 'GET',
            colNames: ['Last Name', 'First Name', 'Country', 'Category'],
            colModel: [
                { name: 'LastName', index: 'LastName', align: 'left' },
                { name: 'FirstName', index: 'FirstName', align: 'left' },
                { name: 'CountryId', index: 'CountryId', align: 'left' },
                { name: 'CategoryId', index: 'CategoryId', align: 'left'}],
            pager: jQuery('#pager'),
            rowNum: 10,
            rowList: [5, 10, 20, 50],
            sortname: 'LastName',
            sortorder: "asc",
            viewrecords: true,
            sortable: true,
            loadonce: true,
            ignoreCase: true,
            gridview: true,
            autowidth: true,
            rownumbers: true,
            imgpath: '@Url.Content("~/Content/themes/jqgrid/smoothness/images")'
        });
        jQuery("#list").jqGrid('navGrid', '#pager', { add: false, edit: false, del: false }, {}, {}, {}, { multipleSearch: true });
        jQuery("#list").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false });
        jQuery("#list").jqGrid('navButtonAdd', "#pager", { caption: "", title: "Toggle Search Bar", buttonicon: 'ui-icon-pin-s', onClickButton: function () { $("#list")[0].toggleToolbar() } });
    }); 
</script>

<table id="list" class="scroll"></table>
<div id="pager" class="scroll" style="text-align:center;"></div>

如何解决这个问题？

Answer 1

我无法重现你的问题。请参阅here我的测试。您使用的是哪个版本的jQuery UI和jQuery？

小备注：参数imgpath是deprecated，因为许多jqGrid版本都应该将其删除。同样，class =“scroll”也不会被使用。所以你可以将HTML缩小到

<table id="list"></table>
<div id="pager"></div>

jqgrid 3.8.2 filterToolbar - 当cols重新排序时，文本框会消失

1 个答案: