3

我在 jqGrid 的一侧有一个按钮。当我单击按钮时，它应该点击 jqGrid 添加按钮内部。是否可以。

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

当我单击 jqGrid 按钮内的上述按钮时，应该点击。是否可以。

jq网格：

 $("#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},

 ],
4

1 回答 1

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:{}}
}

编辑：添加了表单编辑示例，您可以在此处阅读有关表单编辑的更多信息

于 2013-08-24T07:43:26.993 回答