EditorGridPanel의 일부 속성, 구성 항목, 방법의 실례.창 크기에 적응
4403 단어 ext
grid = new Ext.grid.EditorGridPanel({
autoScroll:true,
store: store,
sm : new Ext.grid.RowSelectionModel(),
cm: cm,
renderTo: 'editor-grid',
width: '100%',
height: 600,
autoWidth:true,
autoExpandColumn: 'code', // column with this id will be expanded
title: ' ',
frame: true,//
viewConfig:{
autoFill:true,
sortAscText:' ',
sortDescText:' ',
columnsText:' '
},
clicksToEdit: 1,
tbar:[{
text: ' :'
},{
xtype: 'textfield',
id: 'filter',
selectOnFocus: true,
width: 100,
validationDelay:100,
validator:function(){
store.load({
params:{
sorderId:this.getValue()// ,
}
});
},scope:this
}
]
});
로드할 columnModel:
var cm = new Ext.grid.ColumnModel({
defaults: {
sortable: true // columns are not sortable by default
},
columns: [
{
id: 'code',
header: ' ',
dataIndex: 'code',
width: 100
}, {
header: ' ',
dataIndex: 'shortName',
width: 100
}, {
header: ' ',
dataIndex: 'ComSName',
width: 100
}, {
header: ' ',
dataIndex: 'style',
width: 100
}, {
header: ' ',
dataIndex: 'unitName',
width: 40
},{
header: ' ',
dataIndex: 'useCount',
width: 100
},{
header: ' ',
dataIndex: 'GCount',
width: 100
},{
header: ' ',
dataIndex: 'GPrice',
width: 100
},{
header: 'sorderId',
dataIndex: 'sorderId',
width: 100
hidden:true,
// , 。
hideable:false
//
}
]
});
로드할 store:
var zlUrl=getRootPath()+'XXXServlet?change=stasksDetail';
var store = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({
url: zlUrl
}),
reader: new Ext.data.JsonReader({
totalProperty: 'results',
root: 'rows',
fields: [
{name: 'code', mapping: 'code'},
{name: 'shortName'},
{name:'ComSName'},
{name: 'style'},
{name: 'unitName'},
{name:'useCount'},
{name: 'GCount'},
{name: 'GPrice'},
{name:'sorderId'}
]
})
});
매개변수 전달 방법:
params:{
sorderId:this.getValue()// ,
}
window.onresize = function(){ //
grid.setWidth(0);
grid.setHeight(0);
grid.setWidth(Ext.get("content").getWidth());
grid.setHeight(Ext.get("content").getHeight());
};
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 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에 따라 라이센스가 부여됩니다.