не работает панель инструментов фильтра jqgrid с замороженным столбцом - PullRequest
Новая
       26

не работает панель инструментов фильтра jqgrid с замороженным столбцом

5 голосов
/ 23 января 2012

Я видел следующую демонстрацию с замороженным столбцом и панелью инструментов фильтра: http://www.ok -soft-gmbh.com / jqGrid / FrozenColumns.htm

Теперь для того же примера яхочу реализовать функцию переключения, которая была доступна в демоверсии: http://www.ok -soft-gmbh.com / jqGrid / SimpleLocalGridWithSearchingToolbar1.htm

Я пробовал, но это не работает .. может кто-нибудьсоздать демо, в котором есть как замороженный столбец, так и панель инструментов фильтра переключения?

Я попытался загрузить последний код jqgrid из github и попытался скопировать демо следующим образом (как вы сказали, проблема была исправлена, яНе думая, что функция frozendiv не нужна, функции fixXoxHeight в демонстрационной версии ранее показывали мне, т.е.код по-прежнему не работает, и панель инструментов фильтра не работает, как в предыдущей демонстрации (http://www.ok -soft-gmbh.com / jqGrid / FrozenColumnsAndFilterToggle.htm)

1 Ответ

4 голосов
/ 23 января 2012

Прежде всего, я бы порекомендовал вам использовать демо из ответа в качестве основы вместо демо из предыдущего ответа .

Вы правы.Текущая реализация замороженных столбцов имеет проблемы с динамическим отображением или скрытием панели инструментов поиска.Я интерпретирую это как ошибку в toggleToolbar .

Пока ошибка не исправлена, я предлагаю вам показать или скрыть панель инструментов в замороженной части сетки вручную. Демонстрация показывает, как это реализовать.Самая важная часть кода демо вы найдете ниже: 

$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();
...