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数据可以是类似下边这种格式的：
--------------------编程问答-------------------- 忘记非常重要的一点了，store的数据需要加载才会展现在grid表格中。
<xml>
<contact id="" name="" gender=""></contact>
</xml>
需要在以上代码中加入：contactStore.load();方法的调用，以使得store会去请求后台获得xml数据。 --------------------编程问答--------------------
大哥能不能给个json的例子? --------------------编程问答--------------------
换个store就可以了，建议你参考下官方的API：
http://docs.sencha.com/extjs/3.4.0/#!/api/Ext.data.JsonStore --------------------编程问答-------------------- 把分给我。给你一个EXT增删改查的demo --------------------编程问答-------------------- return是不行的，应该用response输出
补充：Java , Web 开发
