如何添加，編輯，搜索，刪除jQgrid

這是我的jQgrid javascript.Here我想在jQgrid.i中添加「addRow」方法不知道在哪裏放置「addRow」方法以及如何給他們的動作和參數。如何添加，編輯，搜索，刪除jQgrid

function jqGridShow(){ 
     var lastsel2; 
     var parameters; 
     jQuery("#jqGrid01").jqGrid({ 

      url: "JqGridDemoJson.action", 
      datatype:"json", 
      height: 200, 
      rowNum: 10, 
      rowList: [10,20,30], 


    colNames:['Inv No','Name'], 
    colModel:[ 
      {name:'id',index:'id', editable: true,sorttype:"int",search:true}, 
      {name:'name',index:'name', editable: true,width:30} 
      ], 
      pager: "#jqGridPager01", 
      viewrecords: true, 
      add: true, 
      edit: true, 
      addtext: 'Add', 
      edittext: 'Edit', 
      caption: "Data", 
      hidegrid:false, 
      multiselect:true, 

    onSelectRow: function(id){ 

     }); 


     // Setup buttons 
     jQuery("#jqGrid01").jqGrid('navGrid','#jqGridPager01', 
       {edit:true,add:true,del:true,search:true}, 
       {height:200,reloadAfterSubmit:true} 
     ); 



     // Setup filters 
     jQuery("#jqGrid01").jqGrid('filterToolbar',{defaultSearch:true,stringResult:true}); 

     // Set grid width to #content 
     $("#jqGrid01").jqGrid('setGridWidth', $("#content").width(), true); 

     // Bootstrap customization 
     $(".ui-pg-input").attr('class', 'form-control'); 
    }

我搜索的細節了得到了下面one.but我用這個代碼，它不工作。請幫助..

   parameters = 
        { 
         rowID : "new_row", 
         url:"addGroupLevel3.action", 
         initdata : {}, 
         position :"first", 
         useDefValues : false, 
         useFormatter : false, 
         addRowParams : {extraparam:{}} 

        } 

      jQuery("#grid_id").jqGrid('addRow',parameters);

來源

2014-04-18 user3065905

對於添加行中的jqGrid

你可以有一個按鈕，並在其點擊功能，你可以在jqGrid的添加如下行數據，語法，

jQuery("#grid_id").editGridRow(the_row_id, options);

示例：對於按鈕 - HTML<input type="BUTTON" id="bedata" value="Edit Selected" />

的JavaScript -

$("#bedata").click(function(){ 
jQuery("#editgrid").jqGrid('editGridRow',"new",height:280,reloadAfterSubmit:false}); 
});

有關更多選項，看看在這裏，see under /LiveDataManipulation/Add row

對於jqGrid的

編輯一行編輯過，你可以有相同的按鈕as add rowData及其javascript -

$("#bedata").click(function(){ 
    var gr = jQuery("#editgrid").jqGrid('getGridParam','selrow'); 
    if(gr != null) jQuery("#editgrid").jqGrid('editGridRow',gr {height:280,reloadAfterSubmit:false}); 
    else alert("Please Select Row"); 
});

有關更多選項，看看在這裏，see under /LiveDataManipulation/Edit row

爲搜索（ 搜索數據）& 刪除（ 刪除行）

同樣的事情，你也可以擁有所有東西在一個地方在頁腳，使用navGrid像下面的例子

jQuery("#editgrid").jqGrid('navGrid','#pagernav', {}, //options 
    {height:280,reloadAfterSubmit:false}, // edit options 
    {height:280,reloadAfterSubmit:false}, // add options 
    {reloadAfterSubmit:false}, //del options 
    {} // search options 
);

對於這一點，你可以在實時數據操縱菜單看看在導航在這個鏈接。

來源

2014-04-19 10:37:47 prakash2089

如何添加，編輯，搜索，刪除jQgrid

回答

相關問題