Цикл статей «Документация jqGrid на русском».
Следующая статья — «Предопределённое форматирование в jqGrid».
Предыдущая статья — «Навигатор в jqGrid».
Добавление
Соглашение о вызове:
1 2 3 4 5 |
<script> ... jQuery("#grid_id").navGrid("#pager",...).navButtonAdd("#pager",{parameters}); ... </script> |
или с помощью нового API:
1 2 3 4 5 |
<script> ... jQuery("#grid_id").jqGrid('navGrid',"#pager",...).jqGrid('navButtonAdd',"#pager",{parameters}); ... </script> |
Параметры по умолчанию такие:
1 |
{ caption:"NewButton", buttonicon:"ui-icon-newwin", onClickButton:null, position: "last", title:"", cursor: "pointer"} |
где:
- caption — (string) надпись кнопки.
- buttonicon — (string) имя иконки из темы jQuery UI. Если установлено в "none", то отображается только текст
- onClickButton — (function) функция, вызывающаяся при клике на кнопку. По умолчанию null.
- position — ( "first" или "last") позиция для кнопки (перед или после стандартных кнопок).
- title — (string) всплывающая подсказка для кнопки.
- cursor — (string) (по умолчанию "pointer" ) определяет курсор при наведении мышки
- id — (string) если установлен, то определяет id кнопки (фактически id у элемента TD).
Для того чтобы использовать метод navButtonAdd, метод navGrid должен быть вызван перед этим, как в примере выше.
Несколько кнопок могут быть добавлены в цепочке.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
... jQuery("#grid_id") .navGrid('#pager',{edit:false,add:false,del:false,search:false}) .navButtonAdd('#pager',{ caption:"Add", buttonicon:"ui-icon-add", onClickButton: function(){ alert("Adding Row"); }, position:"last" }) .navButtonAdd('#pager',{ caption:"Del", buttonicon:"ui-icon-del", onClickButton: function(){ alert("Deleting Row"); }, position:"last" }); ... |
Разделитель
Можно группировать кнопки с помощью разделителя. Для этого используется метод navSeparatorAdd.
Синтаксис:
1 2 3 4 5 |
<script> ... jQuery("#grid_id").navGrid("#pager",...).navButtonAdd("#pager",{parameters}).navSeparatorAdd("#pager",{separator_parameters}}; ... </script> |
Параметры по умолчанию для разделителя такие:
1 |
{sepclass : "ui-separator",sepcontent: ''} |
Где:
- sepclass определяет класс в ui-jqgrid. Вы можете указать свой собственный класс.
- sepcontent — содержимое, которое добавляется в элемент разделителя.
Цикл статей «Документация jqGrid на русском».
Следующая статья — «Предопределённое форматирование в jqGrid».
Предыдущая статья — «Навигатор в jqGrid».