浏览 670 次
|
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
最后更新时间：2008-04-10 关键字: panel里+grid的奇怪问题
<script>
Ext.onReady(function(){ var cm = new Ext.grid.ColumnModel([ {header:'编号',dataIndex:'id'}, {header:'名称',dataIndex:'name'}, {header:'描述',dataIndex:'descn'} ]); var data = [ ['1','name1','descn1'], ['2','name2','descn2'], ['3','name3','descn3'], ['4','name4','descn4'], ['5','name5','descn5'] ]; var myReader = new Ext.data.ArrayReader({}, [ {name: 'id'}, {name: 'name'}, {name: 'descn'} ]); var ds = new Ext.data.Store({ proxy: new Ext.data.MemoryProxy(data), reader: myReader }); ds.load(); var grid = new Ext.grid.GridPanel({ //el: 'grid', ds: ds, cm: cm, viewConfig: { forceFit: true }, renderTo: 'content', title: 'My First Grid', width: 500, frame: true }); grid.render(); //-------------- var panel = new Ext.Panel({ renderTo: 'panel', title:'panel', collapsible:true, width:450, height:400, items:[grid] //管理grid }); //------------- }); </script> </head> <body> <div id ="content"> //或 panel </div> </body> </html> 沿虚线的地方 我想用panel加grid 然后 div 用panel的 就是报错 何解 声明：JavaEye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
|
| 返回顶楼 | |
|
最后更新时间：2008-04-11
怎么没有grid?
------------------ 范例 ------------------ /* 主窗口 */ Ext.onReady(function() { /* 设置提示消息的显示方式 */ Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'side'; /* 用户列表 */ // 定义一个checkBox var sm = new Ext.grid.CheckboxSelectionModel(); // 定义一个ColumnModel，表头中有四列 var cm = new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(), //自动行号 sm, //sm身兼两职，使用的时候既要放到cm里，也要放到grid中 {header:'序号',dataIndex:'id'}, {header:'姓名',width:100, sortable:true,dataIndex:'name'}, {header:'描述',dataIndex:'descn'} ]); cm.defaultSortable = true; // 设置列可排序 /* * DS: */ var ds = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({url:'user_data.jsp'}), reader: new Ext.data.JsonReader({ totalProperty: 'totalProperty', root: 'root' }, [ {name: 'id'}, {name: 'name'}, {name: 'descn'} ]) }); /* 装配 */ var grid = new Ext.grid.GridPanel({ el: 'grid', width:600, ds: ds, cm: cm, //sm: sm， // 操作按钮 tbar:[{ text:'Add Something', tooltip:'Add a new row', iconCls:'add' , handler : onItemClick // 按钮事件： }, '-', { text:'Options', tooltip:'Blah blah blah blaht', iconCls:'option', handler : onItemClick // 按钮事件 },'-',{ text:'Remove Something', tooltip:'Remove the selected item', iconCls:'remove' }], // 定义分页 bbar: new Ext.PagingToolbar({ pageSize: 10, store: ds, displayInfo: true, displayMsg: '显示第 {0} 条到 {1} 条记录，一共 {2} 条', emptyMsg: "你好" }), sm: sm, //title: "Grid 例子", height: 300 }); /* 装载数据 */ ds.load({params:{start:0, limit:10}}); grid.render(); /* 弹出窗口 */ var win; function onItemClick(item){ //alert(item.text); if(!win){ win = new Ext.Window({ el : 'hello-win', title: '增加', layout : 'fit', width : 500, height : 300, closeAction : 'hide', plain : true, items: grid, // 按钮 buttons: [{ text:'Submit', disabled:true },{ text: 'Close', handler: function(){ win.hide(); } }] }) } win.show(this); } }) |
| 返回顶楼 | |
