jqGrid 属性、事件全集

阅读更多

以下是jqGrid 最常用的属性和事件，经过一段时间的整理，终于弄的差不多了。版权所有，转载请注明出处，向您的厚道致敬！谢谢！

  
        jQuery("#43rowed3").jqGrid('inlineNav',"#p43rowed3");   // 
  
          
        //子Grid  
        jQuery("#list10_d").jqGrid({   
            height: 100,   
            url:'subgrid.php?q=1&id=0',   
            datatype: "json",   
            colNames:[  
                'No','Item', 'Qty', 'Unit','Line Total'  
            ],   
            colModel:[   
                {name:'num',index:'num', width:55},   
                {name:'item',index:'item', width:180},   
                {name:'qty',index:'qty', width:80, align:"right"},   
                {name:'unit',index:'unit', width:80, align:"right"},   
                {name:'linetotal',index:'linetotal', width:80,align:"right", sortable:false, search:false}   
            ],   
            rowNum:5,   
            rowList:[5,10,20],   
            pager: '#pager10_d',   
            sortname: 'item',   
            viewrecords: true,   
            sortorder: "asc",   
            multiselect: true,   
            caption:"Invoice Detail"   
        }).navGrid('#pager10_d',{add:false,edit:false,del:false});  
          
        jQuery("#a1").click( function(){   
            //获取Grid中选中的行id  
            var id = jQuery("#list5").jqGrid('getGridParam','selrow');   
            if (id) {   
                var ret = jQuery("#list5").jqGrid('getRowData',id);   
                alert("id="+ret.id+" invdate="+ret.invdate+"...");   
            } else {   
                alert("Please select row");  
            }   
        });   
        jQuery("#a2").click( function(){   
            //删除第12行  
            var su=jQuery("#list5").jqGrid('delRowData',12);   
            if(su)   
                alert("Succes. Write custom code to delete row from server");   
            else   
                alert("Allready deleted or not in list");   
        });   
        jQuery("#a3").click( function(){   
            //修改第11行  
            var su=jQuery("#list5").jqGrid('setRowData',11,{amount:"333.00",tax:"33.00",total:"366.00",note:""});   
            if(su)   
                alert("Succes. Write custom code to update row in server");   
            else   
                alert("Can not update");   
        });   
        jQuery("#a4").click( function(){   
            //添加第99行（id为99的）  
            var datarow = {id:"99",invdate:"2007-09-01",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"};   
            var su=jQuery("#list5").jqGrid('addRowData',99,datarow);   
            if(su)   
                alert("Succes. Write custom code to add data in server");   
            else   
                alert("Can not update");   
        });  
          
        jQuery("#s1").click( function() {   
            //设置URL  
            jQuery("#list7").jqGrid('setGridParam',{url:"server.php?q=2"}).trigger("reloadGrid");  
        });   
        jQuery("#s2").click( function() {   
            //设置排序列  
            jQuery("#list7").jqGrid('setGridParam',{sortname:"amount",sortorder:"asc"}).trigger("reloadGrid");   
        });   
        jQuery("#s3").click( function() {   
            //设置升序或倒序  
            var so = jQuery("#list7").jqGrid('getGridParam','sortorder');   
            so = so=="asc"?"desc":"asc";   
            jQuery("#list7").jqGrid('setGridParam',{sortorder:so}).trigger("reloadGrid");   
        });   
        jQuery("#s4").click( function() {   
            //跳转到第二页  
            jQuery("#list7").jqGrid('setGridParam',{page:2}).trigger("reloadGrid");   
        });   
        jQuery("#s5").click( function() {   
            //设置每页显示15行  
            jQuery("#list7").jqGrid('setGridParam',{rowNum:15}).trigger("reloadGrid");   
        });   
        jQuery("#s6").click( function() {   
            //设置URL和数据格式  
            jQuery("#list7").jqGrid('setGridParam',{url:"server.php?q=1",datatype:"xml"}).trigger("reloadGrid");   
        });   
        jQuery("#s7").click( function() {   
            //设置Grid的名称  
            jQuery("#list7").jqGrid('setCaption',"New Caption");   
        });   
        jQuery("#s8").click( function() {   
            //设置Grid排序字段，根据名称排序  
            jQuery("#list7").jqGrid('sortGrid',"name",false);   
        });  
        jQuery("#m1").click( function() {   
            //获取复选框被选中的id  
            var s = jQuery("#list9").jqGrid('getGridParam','selarrrow');   
            alert(s);   
        });   
        jQuery("#m1s").click( function() {   
            //设置选中第13行  
            jQuery("#list9").jqGrid('setSelection',"13");   
        });  
        jQuery("#ms1").click( function() {   
            var s = jQuery("#list10_d").jqGrid('getGridParam','selarrrow');   
            alert(s);   
        });  
          
        //Grid 查询  
        var timeoutHnd;   
        var flAuto = false;   
        function doSearch(ev){   
            if(!flAuto)   
                return;   
            // var elem = ev.target||ev.srcElement;   
            if(timeoutHnd)   
                clearTimeout(timeoutHnd)   
            timeoutHnd = setTimeout(gridReload,500)   
        }   
        function gridReload(){   
            var nm_mask = jQuery("#item_nm").val();   
            var cd_mask = jQuery("#search_cd").val();   
            jQuery("#bigset").jqGrid('setGridParam',{url:"bigset.php?nm_mask="+nm_mask+"&cd_mask="+cd_mask,page:1}).trigger("reloadGrid");   
        }   
        function enableAutosubmit(state){   
            flAuto = state;   
            jQuery("#submitButton").attr("disabled",state);   
        }  
          
        jQuery("#cm1").click( function() {   
            //显示选中行  
            var s;   
            s = jQuery("#list13").jqGrid('getGridParam','selarrrow');   
            alert(s);   
        });   
        jQuery("#cm1s").click( function() {   
            //选中编号为13的行  
            jQuery("#list13").jqGrid('setSelection',"13");   
        });   
        jQuery("#list13").jqGrid('navGrid','#pager13',{add:false,edit:false,del:false},   
            {}, // edit parameters   
            {}, // add parameters   
            {reloadAfterSubmit:false} //delete parameters   
        );  
          
        jQuery("#sids").click( function() {   
            //获取Grid中当页的所有ID  
            alert("Id's of Grid: \n"+jQuery("#list15").jqGrid('getDataIDs'));   
        });  
          
        jQuery("#hc").click( function() {   
            //隐藏tax列  
            jQuery("#list17").jqGrid('navGrid','hideCol',"tax");   
        });   
        jQuery("#sc").click( function() {   
            //显示tax列  
            jQuery("#list17").jqGrid('navGrid','showCol',"tax");   
        });  
        jQuery("#ed1").click( function() {  
            //编辑第13行  
            jQuery("#rowed1").jqGrid('editRow',"13");  
            this.disabled = 'true';  
            jQuery("#sved1,#cned1").attr("disabled",false);   
        });  
        jQuery("#sved1").click( function() {  
            //保存第13行  
            jQuery("#rowed1").jqGrid('saveRow',"13");  
            jQuery("#sved1,#cned1").attr("disabled",true);  
            jQuery("#ed1").attr("disabled",false);   
        });  
        jQuery("#cned1").click( function() {  
            //取消编辑第13行  
            jQuery("#rowed1").jqGrid('restoreRow',"13");  
            jQuery("#sved1,#cned1").attr("disabled",true);  
            jQuery("#ed1").attr("disabled",false);  
        });  
    })  
  
  
//本地数组数据：datatype: "local",  
var mydata = [   
        {id:"1",invdate:"2007-10-01",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},  
                {id:"2",invdate:"2007-10-02",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"},  
                {id:"3",invdate:"2007-09-01",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"},   
                {id:"4",invdate:"2007-10-04",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},   
                {id:"5",invdate:"2007-10-05",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"},   
                {id:"6",invdate:"2007-09-06",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"},   
                {id:"7",invdate:"2007-10-04",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},   
                {id:"8",invdate:"2007-10-03",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"},   
                {id:"9",invdate:"2007-09-01",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"}   
    ];   
for(var i=0;i<=mydata.length;i++)   
    jQuery("#list4").jqGrid('addRowData',i+1,mydata[i]); 

  
 ...  
   
 

    ...          

      Get data from selected row          Delete row 2          Update amounts in row 1          Add row with id 99    ...          

      Get url          Get Sort Name          Get Sort Order          Get Selected Row          Get Current Page          Get Number of Rows requested          Get Selected Rows          Get Data Type requested          Get number of records in Grid    ...