引用文件
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all.js"></script>
<script type="text/javascript" src="../../source/locale/ext-lang-zh_CN.js"></script>
js部分
<script type="text/javascript">
Ext.onReady(function(){
//数据定义
var data = [[1,'张三',24],[2,'李四',30],[3,'王五',29]];
var Person = Ext.data.Record.create([
{name: 'personId', mapping: 0},
{name: 'personName', mapping: 1},
{name: 'personAge', mapping: 2},
]);
//表格定义
new Ext.grid.GridPanel({
title: '简单Grid表格实例',
applyTo: 'grid-div',
width: 250,
height: 150,
frame: true,
store: new Ext.data.Store({
reader: new Ext.data.ArrayReader({id:0}, Person),
data: data
}),
columns:[
{header: "id", width: 50, dataIndex: 'personId', sortable: true},//dataIndex I必须大写
{header: "姓名", width: 90, dataIndex: 'personName', sortable: true},
{header: "年龄", width: 90, dataIndex: 'personAge', sortable: true}
]
});
});
</script>
html部分
<div id='grid-div'></div>
评论