首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

extjs显示数据的有关问题

2013-12-28 
extjs显示数据的问题@RequestMapping(value/getdata,method RequestMethod.POST)public JSONArray ge

extjs显示数据的问题

@RequestMapping(value="/getdata",method = RequestMethod.POST)
public JSONArray getdata(ModelMap model,Tydsz query,HttpServletRequest request,HttpServletResponse response) throws Exception {
List<Tydsz> ydsz=tydszSV.findAll();
JSONArray data=net.sf.json.JSONArray.fromObject(ydsz);
return data;
}


各位大神好:
    这是我的JAVA代码,用的是Spring,前台想用EXTJS,谁能给个简单的示例吗?我想把data显示在一个表格中,谢谢!
[解决办法]
需要使用extjs的grid控件。

建议你下载官方的例子看一看,extjs的学习还是需要花费些时间的,我大概用了3个星期才基本会用。
http://www.sencha.com/products/extjs/download/

我也提供一个自己之前写的简单grid给你做参考:

var contactStore = new Ext.data.Store({
   url: './object/xml.do?otype=limitedPartner&action=view&id='+viewId,//从后端获取xml数据
   reader:new Ext.data.XmlReader({
      record:'contact',//从xml中的contact节点中读取数据
      fields:new Ext.data.Record.create([
{name:'id',mapping:'@id',type:'string'},//读取contact节点中的id属性
{name:'name',mapping:'@name',type:'string'},
{name:'gender',mapping:'@gender',type:'string'},
{name:'title',mapping:'@title',type:'string'},
{name:'phone',mapping:'@phone',type:'string'},
{name:'birthday',mapping:'@birthday',type:'string'},
{name:'reminder',mapping:'@reminder',type:'string'}
      ])
      })
   }); 
    
var grid = new Ext.grid.GridPanel({
   id:'contactGrid',
   store:contactStore,
   height:220,
width:'100%',
stripeRows:true,
cm:new Ext.grid.ColumnModel({
columns:[
new Ext.grid.RowNumberer(),
{header: '姓名', dataIndex: 'name'},//定义姓名列,展示contactStore中缓存的name数据
{header: '性别', dataIndex: 'gender',renderer:genderRenderer},
{header: '职称', dataIndex: 'title'},
{header: '手机', dataIndex: 'phone'},
{header: '出生年月', dataIndex: 'birthday'},
{header: '生日提醒', dataIndex: 'renminder',renderer:remindRenderer}
],
defaults:{
 width: 20
}
}),            
view:new Ext.grid.GridView({
columnsText: '筛选列',
sortAscText: '升序',
sortDescText: '降序',
forceFit:true
})
});


后端传递的xml数据可以是类似下边这种格式的:

<xml>
 <contact id="" name="" gender=""></contact>
</xml>

[解决办法]
忘记非常重要的一点了,store的数据需要加载才会展现在grid表格中。

需要在以上代码中加入:contactStore.load();方法的调用,以使得store会去请求后台获得xml数据。
[解决办法]
引用:
Quote: 引用:

忘记非常重要的一点了,store的数据需要加载才会展现在grid表格中。

需要在以上代码中加入:contactStore.load();方法的调用,以使得store会去请求后台获得xml数据。



大哥能不能给个json的例子?


换个store就可以了,建议你参考下官方的API:
http://docs.sencha.com/extjs/3.4.0/#!/api/Ext.data.JsonStore
[解决办法]
把分给我。给你一个EXT增删改查的demo
[解决办法]
return是不行的,应该用response输出

热点排行