Ext.onReady(function() {
var data = [
['001', '寮犱笁', 'zhangsan', '鐢?, 24],
['002', '鏉庡洓', 'lisi', '鐢?, 23],
['003', '鍒樼', 'liusiu', '濂?, 20]
];
var store = new Ext.data.SimpleStore ({
fields: [
{name: 'id'},
{name: 'chineseName'},
{name: 'englishName'},
{name: 'sex'},
{name: 'age', type: 'int'}
]
});
store.loadData(data);
var grid = new Ext.grid.GridPanel({
store: store,
columns: [
{header: 'ID鍙?, width: 80, sortable: true, dataIndex: 'id'},
{header: '涓枃鍚?, width: 100, sortable: true, dataIndex: 'chineseName'},
{header: '鑻辨枃鍚?, width: 100, sortable: true, dataIndex: 'englishName'},
{header: '鎬у埆', width: 100, sortable: true, dataIndex: 'sex'},
{header: '騫撮緞', width: 100, sortable: true, dataIndex: 'age'}
],
stripeRows: true,
autoExpandColumn: 'id',
height:150,
width:480,
title:'鐢ㄦ埛鍒楄〃'
});
grid.render('div_grid');
grid.getSelectionModel().selectFirstRow();
});
鎴戝湪Ext.grid.GridPanel閲屽姞浜哸utoExpandColumn灞炴э紝浣嗘槸鍙堟病鏈夎緗甶d緇欏畠錛屽錛?br />
{header: 'ID鍙?, width: 80, sortable: true, dataIndex: 'id'}
搴旇鏀規垚涓?
{id: 'id', header: 'ID鍙?, width: 80, sortable: true, dataIndex: 'id'},
榪欐牱灝卞彲浠ヨВ鍐抽棶棰樹簡銆?

]]>