Ext의 GridPanel, 페이지별 공통 구현 방식
2791 단어 gridPanel
/*------------------ , ----------------------------*/
function getGrid(title,urlpath,header,fileds)
{
var columns =getColModel(header,fileds);
var filed = getFiled(fileds);
var cm = new Ext.grid.ColumnModel(columns);
var store = new Ext.data.JsonStore({
proxy: new Ext.data.HttpProxy({url:urlpath}),
totalProperty: 'totalProperty',
remoteSort:true,
root: 'root',
fields :filed
});
var pagetool = pagingTool(store);
var grid = new Ext.grid.GridPanel({
height: 300,
autoWidth:true,
store: store,
cm: cm,
loadMask:{msg:' , ...'},
title:title,
bbar:pagetool
});
store.load({params:{start:0,limit:5}});
return grid;
}
//
function getColModel(header , filed)
{
var fields = filed.split(",");
var headers = header.split(",");
//
var col = "[";
for(var i = 0; i<headers.length;i++)
{
var h = headers[i];
var fun = "";
if (headers[i].indexOf("|") > 0)
{
var hs = headers[i].split("|");
h = hs[0];
fun = hs[1];
col = col+"{header:'"+h+"',align:'center',sortable: true,dataIndex:'"+fields[i]+"',renderer:"+fun+",height:30},";
}
else
{
col = col+"{header:'"+h+"',align:'center',sortable: true,dataIndex:'"+fields[i]+"',height:30},";
}
}
if(col != "[")
{
col = col.substring(0,col.length-1);
}
col = col+"]";
return strToJson(col);
}
function getFiled(filed)
{
var fields = filed.split(",");
var filed ="[";
for(var i=0;i<fields.length;i++)
{
filed = filed + "{name: '"+fields[i]+"'},";
}
filed = filed.substring(0,filed.length-1);
filed = filed +"]";
return strToJson(filed);
}
//
function pagingTool(store)
{
var pagetool = new Ext.PagingToolbar ( {
pageSize : 5,
store:store,
displayInfo:true,
displayMsg : ' {0} {1} , {2} ',
emptyMsg: " "
});
return pagetool;
}
/**
* eval
* ***/
function strToJson(str){
var json = (new Function("return " + str))();
return json;
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
동적 GridPanel텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.