如图:代码如下:<script type="text/javascript">
Ext.onReady(function(){
var sm = new Ext.grid.CheckboxSelectionModel({handleMouseDown:Ext.emptyFn});//复选框
//列模型
var cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),//自动生成行号
sm,
{header:"编号",dataIndex:"id",sortable:true},
{header:"姓名",dataIndex:"name"},
{header:"性别",dataIndex:"sex",renderer:function(value){
if(value=='male'){
return "<span style='color:red;font-weight:bold'>红男</span><img src='image/user_male.png'/>";
}
else
{
return "<span style='color:green;font-weight:bold'>绿女</span><img src='image/user_fmale.png'/>";
}
}},
{id:"descn",header:"描述",dataIndex:"descn"},
{header:"日期",dataIndex:"date",type:'date',renderer:Ext.util.Format.dateRenderer('Y年m月d日')}]);
var data=[['1','啊','male','descn1','1970-01-15T02:58:04'],
['2','啵','fmale','descn2','1970-01-15T02:58:04'],
['3','簎','fmale','descn3','1970-01-15T02:58:04'],
['4','德','male','descn4','2011-03-15T02:58:04'],
['5','咯','male','descn5','2011-05-15T02:58:04']];
var ds = new Ext.data.Store({
proxy:new Ext.data.MemoryProxy(data),
reader:new Ext.data.ArrayReader({},[{name:'id'},
{name:'name'},
{name:'sex'},
{name:'descn'},
{name:'date',type:'date',dateFormat:'Y-m-dTh:i:s'}]),
sortInfo:{field:'name',direction:'ASC'}
});
ds.load();//加载数据
var grid = new Ext.grid.GridPanel({
el:'grid',
ds:ds,
cm:cm,
sm:sm
//autoExpandColumn:'descn'
});
Ext.get('remove').on('click',function(){
ds.remove(ds.getAt(1));
grid.view.refresh();
});
grid.render();//渲染
});
//alert(Ext.get('remove'));
</script>
代码有点长,不过,挑重点的看就行!主要就是复选框没有显示出来,不知道啥原因!
Ext.onReady(function(){
var sm = new Ext.grid.CheckboxSelectionModel({handleMouseDown:Ext.emptyFn});//复选框
//列模型
var cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),//自动生成行号
sm,
{header:"编号",dataIndex:"id",sortable:true},
{header:"姓名",dataIndex:"name"},
{header:"性别",dataIndex:"sex",renderer:function(value){
if(value=='male'){
return "<span style='color:red;font-weight:bold'>红男</span><img src='image/user_male.png'/>";
}
else
{
return "<span style='color:green;font-weight:bold'>绿女</span><img src='image/user_fmale.png'/>";
}
}},
{id:"descn",header:"描述",dataIndex:"descn"},
{header:"日期",dataIndex:"date",type:'date',renderer:Ext.util.Format.dateRenderer('Y年m月d日')}]);
var data=[['1','啊','male','descn1','1970-01-15T02:58:04'],
['2','啵','fmale','descn2','1970-01-15T02:58:04'],
['3','簎','fmale','descn3','1970-01-15T02:58:04'],
['4','德','male','descn4','2011-03-15T02:58:04'],
['5','咯','male','descn5','2011-05-15T02:58:04']];
var ds = new Ext.data.Store({
proxy:new Ext.data.MemoryProxy(data),
reader:new Ext.data.ArrayReader({},[{name:'id'},
{name:'name'},
{name:'sex'},
{name:'descn'},
{name:'date',type:'date',dateFormat:'Y-m-dTh:i:s'}]),
sortInfo:{field:'name',direction:'ASC'}
});
ds.load();//加载数据
var grid = new Ext.grid.GridPanel({
el:'grid',
ds:ds,
cm:cm,
sm:sm
//autoExpandColumn:'descn'
});
Ext.get('remove').on('click',function(){
ds.remove(ds.getAt(1));
grid.view.refresh();
});
grid.render();//渲染
});
//alert(Ext.get('remove'));
</script>
代码有点长,不过,挑重点的看就行!主要就是复选框没有显示出来,不知道啥原因!
解决方案 »
- spring MVC项目启动报错
- 关于josso。
- 求助: request.getRequestDispatcher().forward(request, response) 无法跳转
- java.io.IOException: Stream closed(在线等)
- 向服务器提交后,如何使下拉列表<select>中的内容不变?
- 刚才的问题已结,在问另个低级问题
- 求教Java Mail API配置问题!急等!!问题解决立等送分!!!
- 怎么在两个页面之间穿参数啊
- 菜鸟高分求救!!!帮我看看哪里出错了!!在线等待!谢谢
- 今天碰到一个奇怪的问题,关于个别字乱码
- File "/WEB-INF/struts-html.tld" not found
- struts2标签如何访问“成员变量的成员变量”?
依稀记得store的data格式好像是[{},{},{}...]
难道是别的写法?
{"id":"1","title":"1","code":"222","address":"333","uname":"444","time":"2010年10月29日 17:15"},
{"id":"2","title":"2","code":"333","address":"444","uname":"555","time":"2010年10月29日 17:15"}
]}
var ds = new Ext.data.Store({
reader: new Ext.data.JsonReader({root: 'list'},
[{name:'id'},{name:'title'},{name:'code'},{name:'address'},{name:'uname'},{name:'time'}])
});
ds.loadData(myData);
我一般用制定root的方式读json
你用数组, reader:new Ext.data.ArrayReader({这里是不是要加上一个data},随便看了下,懒得试了。