Jquery 如何在jQgrid中添加、编辑、搜索、删除

这是我的jQgrid javascript。这里我想在jQgrid中添加“addRow”方法。我不知道在哪里放置“addRow”方法以及如何给出它们的操作和参数

 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'); 
    } 

我搜索了详细信息。我得到了下面的一个。但我用这个代码它不工作。 请帮忙

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

                   }  

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

---

用于在jqGrid中添加行

您可以有一个按钮，在其单击功能中，您可以在jqGrid中添加行数据，语法如下

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

示例：对于按钮-html

javascript-

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

更多选择，请看这里

用于编辑jqGrid中的行

对于编辑，也可以使用与添加行数据相同的按钮及其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"); 
});

更多选择，请看这里

搜索（搜索数据）和删除（删除行）的操作相同

您还可以使用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 
);

为此，您可以在该链接的Live Data Manipulation菜单下查看导航器