Я видел следующую демонстрацию с замороженным столбцом и панелью инструментов фильтра здесь: http://www.ok-soft-gmbh.com/jqGrid/FrozenColumns.htm
Теперь для того же примера я хочу реализовать функцию переключения, которая была доступна в демоверсии: http://www.ok-soft-gmbh.com/jqGrid/SimpleLocalGridWithSearchingToolbar1.htm
Я пробовал, но это не работает. Кто-нибудь может создать демонстрацию, в которой есть как замороженный столбец, так и панель инструментов переключения фильтров?
Я попытался загрузить последний код jqgrid с github и попытался воспроизвести демонстрацию следующим образом (как вы сказали, проблема была исправлена, я думал, что функции Frozendiv, fixGBoxHeight в демонстрации, которые вы мне показывали ранее, не нужны, т.е. http://www.ok-soft-gmbh.com/jqGrid/FrozenColumnsAndFilterToggle.htm)
$grid.jqGrid({
datatype: 'local',
data: mydata,
colNames: [/*'Id', */'Client', 'Date', 'Amount', 'Tax', 'Total', 'Closed', 'Shipped via', 'Notes'],
colModel: [
//{name: 'id', index: 'id', width: 45, align: 'center', sorttype: 'int', frozen: true},
{name: 'name', index: 'name', width: 70, editable: true, frozen: true},
{name: 'invdate', index: 'invdate', width: 80, align: 'center', sorttype: 'date',
formatter: 'date', formatoptions: {newformat: 'm/d/Y'}, datefmt: 'm/d/Y'},
{name: 'amount', index: 'amount', width: 75, formatter: 'number', align: 'right', editable: true},
{name: 'tax', index: 'tax', width: 50, formatter: 'number',
formatoptions: {decimalSeparator: ".", thousandsSeparator: " ", decimalPlaces: 4, defaultValue: '0.0000'},
align: 'right', editable: true, editoptions: {readonly: true}},
{name: 'total', index: 'total', width: 60, formatter: 'number', align: 'right', editable: true},
{name: 'closed', index: 'closed', width: 70, align: 'center', editable: true,
formatter: 'checkbox', edittype: 'checkbox', editoptions: {value: 'Yes:No', defaultValue: 'Yes'}},
{name: 'ship_via', index: 'ship_via', width: 100, align: 'center', formatter: 'select', editable: true,
edittype: 'select', editoptions: {value: 'FE:FedEx;TN:TNT;IN:Intim', defaultValue: 'Intime'}},
{name: 'note', index: 'note', width: 70, sortable: false, editable: true}
],
rowNum: 10,
rowList: [5, 10, 20],
pager: '#pager',
gridview: true,
rownumbers: true,
sortname: 'invdate',
viewrecords: true,
sortorder: 'desc',
caption: 'Frozen columns with dynamic shown filter toolbar',
height: '100%',
shrinkToFit: false,
width: 550,
resizeStop: function () {
/*resizeColumnHeader.call(this);
fixPositionsOfFrozenDivs.call(this);
fixGboxHeight.call(this);*/
},
loadComplete: function () {
//fixPositionsOfFrozenDivs.call(this);
}
});
$grid.jqGrid('navGrid', '#pager', {add: false, edit: false, del: false}, {}, {}, {},
{multipleSearch: true, overlay: 0});
$grid.jqGrid('filterToolbar', {stringResult: true, searchOnEnter: true, defaultSearch: 'cn'});
$grid.jqGrid('navButtonAdd', '#pager', {
caption: "Filter",
title: "Toggle Searching Toolbar",
buttonicon: 'ui-icon-pin-s',
onClickButton: function () {
this.toggleToolbar();
/*if ($.isFunction(this.p._complete)) {
if ($('.ui-search-toolbar', this.grid.hDiv).is(':visible')) {
$('.ui-search-toolbar', this.grid.fhDiv).show();
} else {
$('.ui-search-toolbar', this.grid.fhDiv).hide();
}
this.p._complete.call(this);
fixPositionsOfFrozenDivs.call(this);
}*/
}
});
$grid[0].toggleToolbar();
/*$grid.jqGrid('gridResize', {
minWidth: 450,
stop: function () {
fixPositionsOfFrozenDivs.call($grid[0]);
fixGboxHeight.call($grid[0]);
}
});
resizeColumnHeader.call($grid);*/
$grid.jqGrid('setFrozenColumns');
/*$grid.p._complete.call($grid);
fixPositionsOfFrozenDivs.call($grid);*/
});
Но все же код не будет работать, и панель инструментов фильтра не работает, как в вашей предыдущей демонстрации (http://www.ok-soft-gmbh.com/jqGrid/FrozenColumnsAndFilterToggle.htm).
