JQgrid自定义添加一行

时间:2013-08-24 07:09:19

标签: asp.net-mvc jqgrid

我在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},

 ],

1 个答案:

答案 0 :(得分:3)

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

$(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