2013-08-24 62 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