关于extJs的表格控件的显示,我在页面上写了如下代码:Ext.onReady(function(){
var data=[["1","刘德华",'45','艺人'],["2",'胡锦涛','76','政治家'],["3",'李白','734','诗人']];
var store=new Ext.data.SimpleStore({data:data,fields:['id','name','age','hobby']});
var grid=new Ext.grid.GridPanel({
renderTo:"hello",
title:"有名人士",
height:150,
width:600,
columns:[
{
header:"编号",dataIndex:"id",
header:"姓名",dataIndex:"name",
header:"年龄",dataIndex:"age"
}],
store:store
});
});可是它只显示年龄一列,如果显示所有的列?
还有,它有个autoExpandColumn属性,它个属性是什么意思?
急救...
var data=[["1","刘德华",'45','艺人'],["2",'胡锦涛','76','政治家'],["3",'李白','734','诗人']];
var store=new Ext.data.SimpleStore({data:data,fields:['id','name','age','hobby']});
var grid=new Ext.grid.GridPanel({
renderTo:"hello",
title:"有名人士",
height:150,
width:600,
columns:[
{
header:"编号",dataIndex:"id",
header:"姓名",dataIndex:"name",
header:"年龄",dataIndex:"age"
}],
store:store
});
});可是它只显示年龄一列,如果显示所有的列?
还有,它有个autoExpandColumn属性,它个属性是什么意思?
急救...
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script>
Ext.onReady(function(){
var data=[["1","刘德华",'45','艺人'],["2",'胡锦涛','76','政治家'],["3",'李白','734','诗人']];
var store=new Ext.data.SimpleStore({
data:data,
autoLoad:true,
proxy: new Ext.data.MemoryProxy(),
fields:[{name:'id'},{name:'name'},{name:'age'},{name:'hobby'}]
});
var grid=new Ext.grid.GridPanel({
renderTo:"hello",
title:"有名人士",
autoHeight:true,
width:600,
autoExpandColumn:2,
columns:[
{header:"编号",dataIndex:"id"},
{header:"姓名",dataIndex:"name"},
{header:"年龄",dataIndex:"age"}
],
store:store
});
});
</script>
<div id="hello"></div>