jqgrid пустое диалоговое окно добавления

Question

Я пытался использовать jqgrids, параметры CRUD по умолчанию. Ниже мой код:

$("#roleFlexigrid").jqGrid( {
    //url : 'roleList.htm?t=' + new Date().getTime(),
    //method : 'GET',
    datatype : 'jsonstring',
    datastr: gridData,
    colNames : [ 'Name' ],
    colModel : [ {
        name : 'name',
        search : 'true',
        index : 'name',
        width : 665,
        jsonmap : "cell.name"
    } ],
    jsonReader : {
        repeatitems : false,
        root : "rows",
        cell : "cell",
        id : "id",
        page : "page",
        records : "records"
    },
    viewrecords : "true",
    prmNames : {
        rows : "rp",
        sort : "sortname",
        order : "sortorder"
    },
    pager : "#pager",
    rowNum : 10,
    rowList : [ 10, 20, 30 ],
    sortorder : "asc",
    sortname : "name",
    caption : "Roles",
    height : 210
});

$("#roleFlexigrid").jqGrid('navGrid', '#pager', {
    add:true,
    del : true,
    search : true,
    refresh : true
}, {}, // edit parameters
        { // add parameters
            url : 'addRole.htm'             
        });

Прямо сейчас все, что я получаю, это пустое диалоговое окно добавления, без полей. Как мне настроить его, чтобы получить все поля и отправить URL-адрес вещи. Также есть способ настроить эти диалоговые окна CRUD, такие как добавление / изменение сообщения или кнопок и т. Д.

Спасибо!

Answer 1

Попробуйте пометить поле как editable:

colModel : [ {
    name : 'name',
    search : 'true',
    index : 'name',
    width : 665,
    jsonmap : "cell.name",
    editable:true
} ],

Из документов:

редактируемые

Определяет, является ли поле доступным для редактирования. Эта опция используется в ячейках, встроенных модулях и модулях формы.

Answer 2

для создания диалога настройки CRUD в jqgrid, просто сделайте этот код в конце скрипта jqgrid:

.navButtonAdd("#id_row_grid",{
                                caption:"Title",
                                buttonicon:"ui-icon-select", //for icon
                                onClickButton:function(){ //for button click in pager
                                    jQuery("#id_form_popup").dialog({ //dialog form use for popup after click button in pager
                                        autoOpen:false,
                                        height: 340,
                                        width: 630,
                                        modal:true
                                    });
                                   jQuery("#id_form_popup").dialog("open");
                                  }
                                });

Не забудьте создать форму для вызываемого пейджера кнопок jqgrid. просто код только для вызываемой диалоговой формы, а не для создания формы. Хорошо. спасибо.