Как отобразить значки добавления и редактирования для пользовательской функции в jqGrid?

0

Я пытаюсь добавить пользовательские функции добавления и редактирования в 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.

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

Теги:
jqgrid
backbone.js

1 ответ

0

Обновите свой код ниже. У вас есть некоторые ошибки в коде.

Доступными кнопками являются 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: Изображение 174551

Ещё вопросы

Сообщество Overcoder
Наверх
Меню