Я пытаюсь добавить пользовательские функции добавления и редактирования в jqgrid. Я могу заставить функции добавления и редактирования работать правильно, но я не могу правильно отображать значки добавления и редактирования. Вместо этого вместо плюса или редактирования появляется стрелка (^). Что я пробовал: * Импорт jquery-ui до и после jqgrid
//код jqgrid
$('#jqgrid').jqGrid({
...
})
.navButtonAdd("#pager", {
caption:"Add",
buttonicon:"ui-icon-add",
onClickButton: function(){
$("#lui_jqgrid").show()
$('#addForm').show();
},
position:"last"
})
.navButtonAdd('#pager',{
caption:"Edit",
buttonicon:"ui-icon-edit",
onClickButton: function(){
$('#addForm').show();
},
position:"last"
});
У меня есть значок "ui-icon-add" и "ui-icon-edit" под иконкой кнопки, но они не отображаются. Этот проект использует backbone.js, и я импортирую jquery-ui.js перед jqGrid.
Как я могу получить значки? Вместо этого у меня может быть только подпись и значок, но удаление кнопки еще показывается.
Обновите свой код ниже. У вас есть некоторые ошибки в коде.
Доступными кнопками являются ThemeRoller | jQuery UI, поместите курсор в класс стиля. Используйте эти кнопки в jqgrid.
.navButtonAdd("#pager", {
caption:"",
buttonicon:"ui-icon ui-icon-newwin",
onClickButton: function(){
$("#addForm").show();
},
position:"last"
})
.navButtonAdd('#pager',{
caption:"",
buttonicon:"ui-icon ui-icon-pencil",
onClickButton: function(){
$('#addForm').show();
},
position:"last"
});
OutPut на navgrid jqgrid: