jqgrid 3.8.2 filterToolbar - текстовые поля исчезают при переупорядочении столбцов - PullRequest
Новая
       14

jqgrid 3.8.2 filterToolbar - текстовые поля исчезают при переупорядочении столбцов

0 голосов
/ 11 марта 2011

Я реализовал 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>

Как это можно решить?

1 Ответ

0 голосов
/ 11 марта 2011

Я не могу воспроизвести вашу проблему.Смотрите здесь мой тест.Какую версию jQuery UI и jQuery вы используете?

Небольшие замечания: Параметр imgpath равен устарел , так как многие выпуски jqGrid выпускаются, и вы должны удалить его.Таким же образом class = "scroll" также не будет использоваться.Таким образом, вы можете уменьшить HTML до 

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