2013-08-24 65 views
3

我有一个按钮在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}, 

], 

回答

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

+0

由于未定义rowidis而出现错误。这里rowid意味着什么? – Ram

+0

行ID是您自己的新ID,您将其设置为-1或增加先前的ID,这是您的自定义指标,通过该ID可以稍后唯一地选择行或编辑它。 – TheCodeDestroyer

+0

我已将-1指定给您。但没有得到。我已经添加了jqGrid的代码,您可以通过该jqGrid提供解决方案。这里需要显示带标题和排序顺序的添加表单(弹出)。 – Ram