Ext.onReady(function(){
//列信息
var columnModel = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),//自动计算行号
sm,
{header:'编号',dataIndex:'id',width:50,sortable:true},//让grid支持按列排序
{header:'性别',dataIndex:'sex',width:50,renderer:renderSex},
{header:'名称',dataIndex:'name'},
{id:'descn1',header:'描述',dataIndex:'descn',renderer:renderDescn}
]);
function renderSex(value){
if(value == 'male'){
return "<span style='color:red;'>男</span><img src='male.jpg' height=15 width=15/>";
}else{
return "<span>女</span><img src='female.jpg' height=15 width=15/>";
}
}
//数据
var data = [
['1','male','刘备','大哥'],
['2','male','关羽','二弟'],
['3','female','貂蝉','美女'],
['4','male','张飞','三弟'],
['5','female','大乔','孙策的妻子']
];
//列和数据绑定
var dataStore = new Ext.data.Store({
proxy : new Ext.data.MemoryProxy(data),
reader : new Ext.data.ArrayReader({},[
{name:'id'},
{name:'sex'},
{name:'name'},
{name:'descn'}
])
});
dataStore.load();
//创建网格面板
var grid = new Ext.grid.GridPanel({
title:'大家好',
el : 'grid',
autoHeight:true,
ds : dataStore, //ds为固定写法
cm:columnModel,//cm为固定写法
sm:sm,
viewConfig : {//自动按比例填满grid
forceFit:true
}
// autoExpandColumn : 'descn1' //让指定的列自动伸展，从而填满表格(不过注意这里的'descn1'是id，加上id项)
});
grid.render();
/**
* 1、value是当前单元格的值，
* 2、cellmeta里保存的是cellId单元格id(貌似是列号),css是这个单元格的css样式，
* 3、record是这行的所有数据，你想要什么，record.data["id"]这样就获得了，
* 4、rowIndex是列号，不是从头往下数的意思，而是计算了分页以后的结果，
* 5、columnIndex列号
* 6、store,这个厉害，实际上这个是你构造表格的时候传递的ds,也就是说表格里所有的数据可以随便调用。
*/
function renderDescn(value,cellmeta,record,rowIndex,columnIndex,store){
var str = "<input type='button' value='查看详细信息' onclick='alert(\"" +
"此单元格的值是：" +value+ "\\n" +
"此单元格的配置是：{cellId:" +cellmeta.cellId+ ",id:" + cellmeta.id + ",css:" + cellmeta.css + "}\\n" +
"此单元格对应行的record是：" + record + "，一行的数据都在这里边" +
"这是第" + rowIndex + "行\\n" +
"这是第" + columnIndex + "列\\n" +
"此表格对应的Ext.data.Store在这里：" + store + "，随便用吧." +
"\")'>" ;
return str;
}
var sm = new Ext.grid.CheckboxSelectionModel();
});
加上var sm = new Ext.grid.CheckboxSelectionModel();这个，本来显示的页面变得不显示了，更别提什么复选框了。看了半天不知道啥原因？求大虾帮忙~~！
javascript
ext?
------解决方案--------------------
收分的来了。
------解决方案--------------------
var sm = new Ext.grid.CheckboxSelectionModel();放第一行
------解决方案--------------------
你的extjs是那个版本的？我用的4.1。如果加复选框的话，就在gridPanel里面加下面的配置：