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'             
        });

现在我得到的是一个空白的添加对话框，没有字段。如何配置它以获取所有字段并提交网址。还有一种方法可以自定义这些CRUD对话框，例如添加/更改消息或按钮等。

谢谢！

Answer 1

尝试将字段标记为editable：

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

来自文档：

可编辑的的

定义字段是否可编辑。此选项用于单元格，内联和表单模块。

Answer 2

对于jqgrid中的create customize对话框CRUD，只需在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中调用的创建表单。只为被调用的对话框表单编码，而不是为创建表单.Ok。感谢。

jqgrid空白添加对话框

2 个答案: