如何添加，编辑，搜索，删除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

回答

相关问题