jquery - jqgrid内联添加

Question

jqGrid 当前不包含内联添加是正确的。

我正在尝试从以下位置开始工作:

http://www.trirand.net/forum/default.aspx?g=posts&t=212

那里有几个例子，但它们并没有像我想要的那样工作。

谁知道一个好例子

Answer 1

试试这个:

pager: '#id_pager',
sortname: 'id',
viewrecords: true,
sortorder: "desc",
caption:"...",
cellEdit: true,
editurl:"....",

beforeSelectRow: function (id) {
    if (id !== lastSel) {
        jQuery("#id_grid").jqGrid('restoreRow', lastSel);
        lastSel = id;
    }
    return true;
},
onSelectRow: function (id, iRow, iCol, e) {
    jQuery("#id_grid").jqGrid('editRow', id, true, function(){
        jQuery("input, select").focus();
    });
    return;
}

并使用 navButtonAdd 添加一个按钮:

.navButtonAdd("#id_pager", {
    caption: "",
    buttonicon: "",
    onClickButton: function () {
        var datarow = { id: "", name: "", address: "" };
        var su = jQuery("#id_grid").addRowData("X", datarow, "first");
        if (su) { jQuery("#id_grid").setSelection('X'); }
    },
    position: "last"
});

不要忘记在每个 colModel 处添加 editable: true。我希望能帮助您解决问题。谢谢