//Ext框架中支持的赋值方式***************************************************************************************************************************
var mydate = [
['手续名称','收集材料','王晓','9/1 12:00am','已经办理'],
['手续名称','审批材料','王晓','9/1 12:00am','已经办理']
];
var store = new Ext.data.ArrayStore({
fields: [
{name: 'name'},
{name: 'stepName'},
{name: 'operUser'},
{name: 'finishTime'},
{name: 'remark'}
]
});
//加载数据
store.loadData(mydate);
var empInfoGrid = new
Ext.grid.GridPanel({ //这里是EXT框架中中的Ext.grid.GridPanel
height: 200,
dataMethod : '',
border : true,
title: '已办理步骤信息',
store:store,
columns: [
{header: '手续名称',dataIndex: 'name', width: 120, sortable: true}
, {header: '步骤名称',dataIndex: 'stepName', width: 120, sortable: true}
, {header: '办理人', dataIndex: 'operUser', width: 120, sortable: true}
, {header: '办理时间', dataIndex: 'finishTime', width: 120, sortable: true}
, {header: '说明', dataIndex: 'remark', width: 300, sortable: true}
],
sm : new Ext.grid.RowSelectionModel({
singleSelect : true
})
});
//自己扩展的Ext.ux.Grid
var empInfoGrid = new Ext.ux.Grid({
height: 200,
dataMethod : '',
border : true,
title: '已办理步骤信息',
columns: [
{header: '手续名称',dataIndex: 'name', width: 120, sortable: true}
, {header: '步骤名称',dataIndex: 'stepName', width: 120, sortable: true}
, {header: '办理人', dataIndex: 'operUser', width: 120, sortable: true}
, {header: '办理时间', dataIndex: 'finishTime', width: 120, sortable: true}
, {header: '说明', dataIndex: 'remark', width: 300, sortable: true}
],
sm : new Ext.grid.RowSelectionModel({
singleSelect : true
})
});
//给列表赋值
empInfoGrid.dataStore.loadData
({
result : {
list : {
list : [{
name : '入职登记',
stepName : '完成',
operUser : '张三',
finishTime : '2009-07-31',
remark : 'fhgfhgfh'
}, {
name : '入职登记',
stepName : '完成',
operUser : '李四',
finishTime : '2009-08-02',
remark : 'gdfhdfh'
}]
}
}
});