extjs 的grid jsp 练习
grid.jsp
????Ext.QuickTips.init();//定义grid 选择为 复选框选择var sm = new Ext.grid.CheckboxSelectionModel();var cm = new Ext.grid.ColumnModel([//列模型 new Ext.grid.RowNumberer(),//每一行显示行号 sm, {header:'编号',dataIndex:'id'}, {header:'名称',dataIndex:'name'}, {header:'描述',dataIndex:'descn'}]);cm.defaultSortable = true;var ds = new Ext.data.Store({baseParams: { limit:10,query:'中' ,name:'ggg'}, proxy: new Ext.data.HttpProxy({url:'data.jsp'}), reader: new Ext.data.JsonReader({ totalProperty: 'totalProperty', root: 'root' }, [ {name: 'id'}, {name: 'name'}, {name: 'descn'} ])});ds.load({params:{start:0,limit:10}});var grid = new Ext.grid.GridPanel({ el: 'grid', ds: ds, cm: cm, sm: sm, height:300, width:500, title: 'JSP->JSON', tbar:[{ text:'选择', handler: getAllSelecteds }], bbar: new Ext.PagingToolbar({ pageSize: 10, store: ds, displayInfo: true, displayMsg: '显示第 {0} 条到 {1} 条记录，一共 {2} 条', emptyMsg: "没有记录" })}); grid.render(); function getAllSelecteds() { grid.getSelectionModel().each( function (rec){ alert(rec.get("name")); }); }});</script></head><body><div id="grid"></div></body></html>
data.jsp
?