Code:
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號(hào)', 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里加了autoExpandColumn屬性，但是又沒有設(shè)置id給它，如：
{header: 'ID號(hào)', width: 80, sortable: true, dataIndex: 'id'}
應(yīng)該改成為:
{id: 'id', header: 'ID號(hào)', width: 80, sortable: true, dataIndex: 'id'},
這樣就可以解決問題了。