CODEWITHSUNDEEP
asp.net-mvcjqgrid
Ram
Ram

Reputation: 337

JQgrid custom add a row

i have one button out side of jqGrid. when i click the button it should hit the inside the jqGrid add button. is it possible.

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

when i click the above button inside jqGrid button should hit. is it possible.

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

 ],

Upvotes: 3

Views: 4009

Answers (1)

TheCodeDestroyer
TheCodeDestroyer

Reputation: 762

You can do it this way, if you meant that just new empty row shows

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

EDIT: Added form-edit example you can read more about form editing here

Upvotes: 3

Related Questions