ExtJs GridPanel 페이지 나누기
2850 단어 ext
var store = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({
url: searchNodeFromLuceneDataUrl
}),
reader:new Ext.data.JsonReader({
totalProperty: 'totalCount',
idProperty:'nodeId',
root:'data',
remoteSort: true,
fields: [
'nodeId','nodeName', 'nodeType', 'path'
]
})
});
데이터 새로 고침
function relushDataFunction(start){
var store = searchRstGridPanel.store;
store.reload({params:{
workspaceName:activeWorkspaceName,
nodeName:Ext.getDom('search_nodeName').value,
path:Ext.getDom('search_nodePath').value,
start:start,
limit:pageSize
}});
};
새 gridPanle
var searchRstGridPanel = new Ext.grid.GridPanel ({
store: store,
trackMouseOver:false,
disableSelection:true,
loadMask: true,
colModel: new Ext.grid.ColumnModel({
defaults: {
width: 120,
sortable: true
},
columns: [
new Ext.grid.RowNumberer(), //
{header: ' ', dataIndex: 'nodeName'},
{header: ' ', dataIndex: 'path'},
{header: ' ', dataIndex: 'nodeType'},
{id: 'nodeId', header: ' ', width: 200, sortable: true, dataIndex: 'nodeId', align:'center'}
],
listeners:{'click':function(){alert()}}
}),
viewConfig: {
forceFit: true,
getRowClass: function(record, index) {
}
},
bbar: new Ext.PagingToolbar({
store: store,
displayInfo: true,
pageSize: pageSize,
prependButtons: true,
displayMsg : ' {0} {1} , {2} ',
emptyMsg : " ",
doLoad:function(start){
relushDataFunction(start); //
this.cursor = start; //
}
}),
anchor:'100%',
height:238,
frame: true,
border:false,
iconCls: 'icon-grid'
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
ExtJS 3.2 학습 노트(3) 사용자 정의 이벤트Extjs에서 모든 상속은 Ext.util에서 합니다.Observable 클래스의 컨트롤은 이벤트를 지원할 수 있습니다. 클래스에 대해 이벤트를 사용자 정의하려면 다음 절차를 따르십시오. 1, 먼저 클래스를 정의합니...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.