Wie neue Zeile in jqGrid hinzufügen

Question

enter image description here

ich jqGrid bekam, und ich versuche, durch klicken Sie auf das „+“ Botton eine Zeile hinzufügen, die rot markiert ist. Aber die Vorlage ist leer.

Unten sind Skripte in JavaScripts.

$("#table_list_1").jqGrid({ 
    url: "usermanage/getMainTableJson", 
    datatype:"json", 
    mytype:"GET", 
    height: 250, 
    autowidth:true, 
    colNames:['id','username','realname','email','createtime','updatetime'], 
    colModel:[ 
     {name:'id',index:'id', width:'10%',align:'center'}, 
     {name:'username',index:'username', width:'15%',align:'center'}, 
     {name:'realname',index:'realname', width:'20%', align:"center"}, 
     {name:'email',index:'email', width:'25%', align:"center"}, 
     {name:'createdate',index:'createdate', width:'15%', align:"center", sortable:false}, 
     {name:'updatedate',index:'updatedate', width:'15%',align:"center", sortable:false} 
    ], 
    rownumbers:false, 
    sortname:'id', 
    sortorder:'asc', 
    viewrecords:true, 
    rowNum:10, 
    rowList:[10,20,40], 
    pager:$('#pager_list_1'), 
    add:true, 
    edit:true, 
    addtext:'Add', 
    edittext:'Edit' 

}); 

$("#table_list_1").jqGrid('navGrid', '#pager_list_1', 
    {edit: true, add: true, del: true, search: true}, 
    {height: 200, reloadAfterSubmit: true} 
); 

Answer 1

Sie sollten editable: true Eigenschaft auf die Spalte, die Sie bearbeiten zulassen möchten hinzufügen. Sie können die cmTemplate-Eigenschaft verwenden, um Standard Werte für jede Eigenschaft anzugeben. So können Sie beispielsweise verwenden, um die Option

cmTemplate: { editable: true } 

und ideditable: false auf die Spalte hinzuzufügen. Als Ergebnis werden alle Eigenschaften mit der Ausnahme id im Dialogfeld Hinzufügen/Bearbeiten angezeigt.