<script src="../adapter/ext/ext-base.js" type=text/javascript></script>
<script src="../ext-all.js" type=text/javascript></script>
<script>
Ext.onReady(function(){
//定义数据二维数组
var data=[
['列1内容1', '列2内容1','列3内容1'],
['列1内容2', '列2内容2','列3内容2'],
['列1内容3', '列2内容3','列3内容3'],
['列1内容4', '列2内容4','列3内容4']
];
//自定义列
function check(value)
{
if (value=='列1内容2')
{
return '自定义列';
}
else
{
return value;
}
}
//整理数据定义3列的索引为con1,con2,con3
var store=new Ext.data.SimpleStore({
data:data,fields:['con1','con2','con3']
});
//定义勾选框,不需要可不必定义
var sm = new Ext.grid.CheckboxSelectionModel();
//定义列
var colM=new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),//增加自动编号,不需要可不必定义
sm,//勾选框,不需要可不必定义
{header:'列1',dataIndex:'con1',width:170,sortable:true,renderer:check},// 生成列,sortable为列排序,不需要设置为false,默认false,renderer为该列增加自定义函数
{header:'列2',dataIndex:'con2',width:170,sortable:true},
{header:'列3',dataIndex:'con3',width:170}
]);
//生成表格
var grid = new Ext.grid.GridPanel({
renderTo:'show',
title:"我的表格",
height:200,
width:600,
cm:colM,
sm:sm,
store:store
});
});
</script>
GridPanel基本表格
最新推荐文章于 2015-06-10 14:49:37 发布