jqgrid内联添加

时间:2011-08-08 22:38:26

标签: jquery jqgrid

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

我正试图让它起作用:

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

有几个例子,但他们没有像我想的那样工作。

任何人都知道一个很好的例子

2 个答案:

答案 0 :(得分:3)

试试这个:

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。 我希望可以帮助你解决问题。感谢

答案 1 :(得分:0)

您还可以尝试inlineNav的功能:

$grid.jqGrid('navGrid', '#pager', {add: false, edit: false, del: false});
$grid.jqGrid('inlineNav', '#pager', {addParams: {position: "last"}});

More info