Ext gridpanel的使用
2013-12-31 10:00
309 查看
Ext 代码:
java 代码:使用的是struts框架
结果:
Ext.onReady(function (){ var myData = [['11','test',13], ['12','test2',23] ]; var colModel = new Ext.grid.ColumnModel([ {header: "编号", dataIndex: 'id',sortable:true} //{header: "姓名", dataIndex: 'name'}, //{header: "年龄", dataIndex: 'age'} ]); //var store1 = new Ext.data.Store({ // proxy : new Ext.data.HttpProxy({url:'/test!test.action'}), // reader: new Ext.data.JsonReader({ // root: 'user', // totalProperty: 'totalCount', // fields:['id','name','age'] // }) // proxy: new Ext.data.MemoryProxy(myData), // reader: new Ext.data.ArrayReader({}, [ // {name: 'id'}, // {name: 'name'}, // {name: 'age',type:'int'} //]) // }); var store1 = new Ext.data.JsonStore({ url:"/test!test.action", root:"user", totalProperty:"totalCount", fields:[{name:"id"}] }); var grid=new Ext.grid.GridPanel({ renderTo:Ext.getBody(), store:store1, autoHeight:true, width:150, cm:colModel }); grid.render(); store1.load(); });
java 代码:使用的是struts框架
public ActionForward test() { StringBuffer text = new StringBuffer(); text.append("{totalCount:10,user:[{id:11}]}"); String info = text.toString(); // HttpServletRequest request=ServletActionContext.getRequest(); // request.setAttribute("info", info); HttpServletResponse response = ServletActionContext.getResponse(); response.setCharacterEncoding("UTF-8"); try { response.getWriter().print(info); response.getWriter().flush(); } catch (Exception e) { e.printStackTrace(); } return null; }
结果:
相关文章推荐
- 使用Ext.grid.Panel生成表格
- Ext.grid.EditorGridPanel使用方法
- EXT 3.x 使用详解之Ext.grid.GridPanel(一)
- [Extjs] Ext4 Ext.grid.Panel 分页实现(mybatis 分页插件-PageHelper 使用)
- Ext使用:GridPanel之工具栏
- EXT 3.x 使用详解之Ext.grid.GridPanel(二)
- Ext.grid.EditorGridPanel的使用、修改记录的获取及提交
- Ext.grid.EditorGridPanel 使用'afteredit'
- Ext.grid.EditorGridPanel的使用、修改记录的获取及提交方法
- EXT 3.x 使用详解之Ext.grid.GridPanel(三)
- Ext.grid.EditorGridPanel使用方法 1
- Ext.grid.Panel使用
- Ext.Net-GridPanel基础使用方法一
- Ext.Net 使用总结之GridPanel的删除事件
- Ext.grid.EditorGridPanel使用方法
- Ext.Net 使用总结之GridPanel中的选中行
- Ext.Net 使用总结之GridPanel的删除事件
- Ext.grid.EditorGridPanel使用方法
- Ext.Net 使用总结之GridPanel中的选中行
- 使用Ext.grid.Panel生成表格