JQgrid custom добавить строку

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

EDIT: Добавлена ​​форма-редактирования пример вы можете прочитать подробнее об изменении формы here