asp.net-mvc - JQgrid自定义添加一行

Question

我在 jqGrid 之外有一个按钮。当我点击按钮时，它应该点击 jqGrid 添加按钮的内部。有可能吗？

<input type="button" id="btnCustomAdd" value="Add"/>

当我在 jqGrid 中单击上面的按钮时，按钮应该被点击。可能吗。

jqGrid:

 $("#Datasourcegrid").jqGrid({
              postData: { CAId: function () { return $('#hdnchnAppId').val(); } },
                colNames: ['DataSourceId', 'Title','Sort Order'],
                colModel: [
                            { name: 'DataSourceId', index: 'DataSourceId', align: 'left', key: true, editable: false, hidden: true, search:false,width: '10'},
                            { name: 'DataSourceTitle', index: 'DataSourceTitle', sortable: true, align: 'left', width: '400',editable: true, edittype: 'text', editrules: { required: true },stype:'text', search:true,searchoptions:{sopt:['eq']}},
                            { name: 'SortOrder', index: 'SortOrder', sortable: true, align: 'left', width: '100',editable: true, hidden: true, edittype: 'text', editrules:{number:true, required:true}, search:false},

 ],

Answer 1

如果你的意思是只显示新的空行，你可以这样做

$(function(){
   $("#btnCustomAdd").on("click", function(event){
        $("#grid").jqGrid("addRowData", rowid, { Id: rowid});
        //OR
        $("#grid").addRow(rowid, parameters);
        //OR new API
        $("#grid").jqGrid('addRow',parameters);
        //FORM EDIT EXAMPLE
        $("#grid").editGridRow( "new", parameters );
        //OR new API
        $("#grid").jqGrid('editGridRow', "new", parameters );
    });
});

parameters =
{
   rowID : "new_row",
   initdata : {},
   position :"first",
   useDefValues : false,
   useFormatter : false,
   addRowParams : {extraparam:{}}
}

编辑: 添加了表单编辑示例，您可以阅读有关表单编辑的更多信息 here