Extjs: Struts2整合Extjs Grid时无法显示数据
时间:2010-11-08
来源:互联网
问题描述:在Action中获取list,从配置文件上合成json,可页面上的grid显示不出来数据。急急!!在线等!!
<script>
Ext.onReady(function(){
//定义store
var ds=new Ext.data.Store({
proxy:new Ext.data.HttpProxy({url:'tml/tml.action',method:'post'}),
reader:new Ext.data.JsonReader({
totalProperty:"total",
root:'list'
},
[
{name:'terminal_uid',mapping:'terminal_uid',type:'int'},
{name:'terminal_id',mapping:'terminal_id',type:'string'},
{name:'terminal_type',mapping:'terminal_type',type:'string'},
{name:'is_controllable',mapping:'is_controllable',type:'char'},
{name:'is_shuttable',mapping:'is_shuttable',type:'char'},
{name:'is_readdable',mapping:'is_readdable',type:'char'},
{name:'charge_person',mapping:'charge_person',type:'string'},
{name:'active_time',mapping:'active_time',type:'date'},
{name:'is_active',mapping:'is_active',type:'char'}
])
});
ds.load();
var sm =new Ext.grid.CheckboxSelectionModel(); //CheckBox选择列
var colM=new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),//行号列
sm,
{header:"终端ID",dataIndex:"terminal_uid",align:'center',sortable:true},
{header:"终端编号",dataIndex:"terminal_id",align:'center',sortable:true},
{header:"终端类型",dataIndex:"terminal_type",align:'center',sortable:true},
{header:"是否可控制",dataIndex:"is_controllable",align:'center',sortable:true},
{header:"是否可跳闸",dataIndex:"is_shuttable",align:'center',sortable:true},
{header:"是否可读表",dataIndex:"is_readdable",align:'center',sortable:true},
{header:"负责人",dataIndex:"charge_person",align:'center',sortable:true},
{header:"投运日期",dataIndex:"active_time",align:'center',
renderer:Ext.util.Format.dateRenderer('Y年m月d日'),editor:new Ext.form.DateField({format:'Y年m月d日'})},
{header:"是否有效",dataIndex:"is_active",align:'center',sortable:true}
]);
var grid=new Ext.grid.GridPanel({
renderTo:"hello",
title:"终端信息列表",
height:400,
width:1000,
cm:colM,
ds:ds,
sm:sm,
tbar:({
title:'工具栏',
items:[{xtype:'tbseparator'},{pressed:true,xtype:'button',text:'添加'},
{xtype:'tbseparator'},{pressed:true,xtype:'button',text:'删除'},
{xtype:'tbseparator'},{pressed:true,xtype:'button',text:'修改'}]
}),
autoExpandColumn:2
});
grid.render();
});
</script>
<script>
Ext.onReady(function(){
//定义store
var ds=new Ext.data.Store({
proxy:new Ext.data.HttpProxy({url:'tml/tml.action',method:'post'}),
reader:new Ext.data.JsonReader({
totalProperty:"total",
root:'list'
},
[
{name:'terminal_uid',mapping:'terminal_uid',type:'int'},
{name:'terminal_id',mapping:'terminal_id',type:'string'},
{name:'terminal_type',mapping:'terminal_type',type:'string'},
{name:'is_controllable',mapping:'is_controllable',type:'char'},
{name:'is_shuttable',mapping:'is_shuttable',type:'char'},
{name:'is_readdable',mapping:'is_readdable',type:'char'},
{name:'charge_person',mapping:'charge_person',type:'string'},
{name:'active_time',mapping:'active_time',type:'date'},
{name:'is_active',mapping:'is_active',type:'char'}
])
});
ds.load();
var sm =new Ext.grid.CheckboxSelectionModel(); //CheckBox选择列
var colM=new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),//行号列
sm,
{header:"终端ID",dataIndex:"terminal_uid",align:'center',sortable:true},
{header:"终端编号",dataIndex:"terminal_id",align:'center',sortable:true},
{header:"终端类型",dataIndex:"terminal_type",align:'center',sortable:true},
{header:"是否可控制",dataIndex:"is_controllable",align:'center',sortable:true},
{header:"是否可跳闸",dataIndex:"is_shuttable",align:'center',sortable:true},
{header:"是否可读表",dataIndex:"is_readdable",align:'center',sortable:true},
{header:"负责人",dataIndex:"charge_person",align:'center',sortable:true},
{header:"投运日期",dataIndex:"active_time",align:'center',
renderer:Ext.util.Format.dateRenderer('Y年m月d日'),editor:new Ext.form.DateField({format:'Y年m月d日'})},
{header:"是否有效",dataIndex:"is_active",align:'center',sortable:true}
]);
var grid=new Ext.grid.GridPanel({
renderTo:"hello",
title:"终端信息列表",
height:400,
width:1000,
cm:colM,
ds:ds,
sm:sm,
tbar:({
title:'工具栏',
items:[{xtype:'tbseparator'},{pressed:true,xtype:'button',text:'添加'},
{xtype:'tbseparator'},{pressed:true,xtype:'button',text:'删除'},
{xtype:'tbseparator'},{pressed:true,xtype:'button',text:'修改'}]
}),
autoExpandColumn:2
});
grid.render();
});
</script>
作者: shuaiyz 发布时间: 2010-11-08
你首先要确定:proxy:new Ext.data.HttpProxy({url:'tml/tml.action',method:'post'}),
有正确的执行,而且,执行后返回的数据是json的形式。最好用fireBug调试看一看。
有正确的执行,而且,执行后返回的数据是json的形式。最好用fireBug调试看一看。
作者: licip 发布时间: 2010-11-08
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28