3

jqGridの外側にボタンが1つあります。ボタンをクリックすると、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},

 ],
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 に答える