Бесплатная jqGrid 4.8.0 - Добавить кнопки на панель инструментов

Я узнал, что есть возможность добавить панель инструментов в сетку, добавив панель инструментов: [true.'top '] (например, для добавления пустой панели инструментов в верхнюю часть сетки).

Как мне добавить кнопки на эту панель инструментов? Я знаю, как работает jqGrid ('navButtonAdd', nameOfPager), а также знаком с опциями toppager, но не знаю, как добавлять кнопки на панель инструментов, о которой я только что упомянул выше.

Спасибо,


person Tal    schedule 04.04.2015    source источник


Ответы (1)


jqGrid не имеет API для управления toolbar: [true, "top"]. Единственная цель панели инструментов - это <div> внутри jqGrid. Атрибут CSS width будет изменен во время изменения размера сетки, но больше ничего не будет сделано.

Ответ предоставляет (см. демонстрация) предоставляет практический пример использования панели инструментов. Он добавляет информацию с помощью $("#t_" + $.jgrid.jqID($grid[0].id)).append на панель инструментов. В случае, если идентификатор сетки не содержит специальных символов (., , и др.), Можно использовать упрощенный селектор "#t_" + $grid[0].id.

Таким же образом можно переместить кнопки навигатора со стандартного места на верхнюю панель инструментов. Это может быть практично, если у вас много кнопок на панели инструментов. Я создал для вас демонстрацию, которая это демонстрирует.

введите описание изображения здесь

Решение можно комбинировать с методами createContexMenuFromNavigatorButtons и showHideColumnMenu, которые я описал в ответе

Этот подход близок к другому ответу, когда нужно было разместить большую кнопку поверх сетки, чтобы сделать ее более удобной для пользователей. пользователи планшетных ПК (например, iPad).

Есть запрос функции с примером добавления функциональности на верхней панели инструментов. . Идея мне показалась интересной и надеюсь, что найду для написания соответствующей реализации.

person Oleg    schedule 04.04.2015
comment
Спасибо! Это было полезно. - person Tal; 05.04.2015