jqgridパラメータ復号
3569 ワード
jqgridはjqueryベースのリストコンポーネントであり、優れた他の拡張機能も多く含まれており、使用も便利であり、公式wikiを起動してもよく、以下、データを初期化する方法、使用するパラメータについて、まとめ、まとめ、説明する.私も使う中で、积み重ねてきたので、多少他のウェブサイトのもいくつか见て、しかし私のこの総括、私はいかなる1つの中国语のウェブサイトがないと思って、私达のより更に完全で、更に详しくなりました
共通パラメータ:
中には表記されていない属性もありますが、公式wikiではdemoでも分かりやすいです
一般的な方法:
(一)ヘッダーを隠す:
var tid = this.tableId;
$.each($(".ui-jqgrid-hdiv"),function(key,value){
if($(value).parent().attr("id").indexOf(tid)!=-1){
$(value).hide();
}
});
共通パラメータ:
$('#'+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();
}
});