jqgridパラメータ復号

3569 ワード

jqgridはjqueryベースのリストコンポーネントであり、優れた他の拡張機能も多く含まれており、使用も便利であり、公式wikiを起動してもよく、以下、データを初期化する方法、使用するパラメータについて、まとめ、まとめ、説明する.私も使う中で、积み重ねてきたので、多少他のウェブサイトのもいくつか见て、しかし私のこの総括、私はいかなる1つの中国语のウェブサイトがないと思って、私达のより更に完全で、更に详しくなりました
 
共通パラメータ:
 
$('#'+tableId).jqGrid({
	    datatype: datatype,//    
	    treedatatype: datatype,
	    data:localdata,//datatype==local 
	    //datastr:xx,//datatype==xmlstring jsonstring 
	    url:dataurl,//            
            loadtext:'    ...',//                   
            emptyrecords:'    ',//       
            height:gridheight,//  
            //footerrow:true,     ,pager       
            forceFit:false,//     ,         ,         。       30px,      ,   30px
            //shrinkToFit:true/false,//    true,                ,             。   false,         
            align:"center",
            mtype:"post",
            postData:params,
            autowidth: autowidth,//      autowidth: true
            width:gridwidth,
            colNames:eval(colnames),//['  ID','    ','  ','  ']
            colModel:eval(colModels),//
            multiselect:gridmulti,//       
            multiselectWidth:25,
            altRows:true,//true       
            gridview:(!istreeGrid),//       ,   loadonce=true 。       true, treeGrid, subGrid, or afterInsertRow event     
            pager:pager,//     
            recordtext:'({0}-{1})/{2} ',
            pgtext:'{0}/{1} ',
            pgbuttons:true,
            pagerpos:'left',//      
            viewrecords:true,
            recordpos:'right',
            rowNum:rowNum,
            sortable:true,
            loadonce: loadonce, //   true,         。   ,datatype   local,             
	    caption: "",//    ,       
	    //hiddengrid:true/false,//   true,          。        。
	    //hidegrid:true/false,//             ,    
	    //hoverrows:true/false,//     false             
	    //inlineData:{},//   inlineedit   ,       
	    //multikey:"shiftKey/altKey/ctrlKey",//         ,    .           
	    //multiboxonly:true/false,//       ,         。     ,        
	    rownumbers:showidcol,//   true,      ,rn,  id , 1  
	    rownumWidth:30,//ID    
	    //scroll:boolean or integer,//   true        。          ,        ,          
	        
	    //tree begin
	    treeGrid:istreeGrid,
	    treeGridModel: 'adjacency',
	    ExpandColumn: treeCol,
	    grouping:isGroupGrid,
            groupingView:{
            groupField:[groupCol],
            groupColumnShow:[false],
	    groupDataSorted : true,
	    groupSummary : [false],
	    groupText: ['<b>{0}</b>']
           },
            jsonReader:{   
            	repeatitems : jsonRepeat
        	}, 
            gridComplete:fnGridComp,
			//      
			resizeStop:fnResizeStop,
			loadError:loadError
	});

 
中には表記されていない属性もありますが、公式wikiではdemoでも分かりやすいです
 
一般的な方法:
 
(一)ヘッダーを隠す:
 
 
var tid = this.tableId;
$.each($(".ui-jqgrid-hdiv"),function(key,value){
if($(value).parent().attr("id").indexOf(tid)!=-1){
$(value).hide();
}
});