jqgrid inline add

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

不要忘記添加editable: true，在每一個colModel。 我希望能幫助你解決問題。由於

Answer 2

您也可以嘗試inlineNav的特點：

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

More info