www.ctrt.net > Extjs tABpAnEl 中添加griDpAnEl如何实现?

Extjs tABpAnEl 中添加griDpAnEl如何实现?

var tab = Ext.create('Ext.tab.Panel', { items : [{ title : 'A', items : AGrid }, { title : 'B', items : BGrid }, { title : 'C', items : CGrid }, { title : 'D', items : DGrid }]});

1、panel可以包含gridpanel的,在panel的items属性中可以添加gridpanel 例如: var panel = new Ext.Panel({ items: new Ext.grid.GridPanel({}) }) ; 2、gridpanel是继承panel的,相当于gridpanel不但继承了panel所有的属性,并且有自己特有的...

tabPanel.add(panel) 直接添加对象进去 如果需要切换activeTab调个方法切换

代码试过没问题啊,可以正常显示。不过好象遇到过有的浏览器items: [{ title: '查询页面', layout: 'fit', items: grid, closable: true //这个tab可以被关闭 }, ]后面多这个逗号会引起报错。如果不行的话,多贴点代码、浏览器也说一下。

var inouttab = tabs.add({ title:"存取操作", closable:true, layout:"fit", items:[grid1] }); tabs.activate(inouttab); tabs.add({ title:"记录查询", closable:true, layout:"border", items:[grid2] }); 更多分享到:

//表格1 var grid1 = Ext.create('Ext.grid.Panel',{}); //表格2的查询提交事件 function search(){ Ext.Ajax.request({ url: '数据处理页面', success: function(response){ var respText = Ext.decode(response.responseText); //重点,表格1...

//声明对应grid的Record对象 var ItemRecord = Ext.data.Record.create([ {name:'itemid'}, {name:'itemcode'}, {name:'itemname'}, {name:'price'}, {name:'mark'} ]); //点新增按钮时则执行类似如下函数 function addNewLine2Grid(grid){ var ...

直接配置到工具条tbar里就行了: var grid = new Ext.grid.GridPanel({ id: "grid1", title: "GridPanel实例", renderTo: "div1", width: 500, height: 300, frame: true, tbar: [{xtype:'label',text:'请输入关键词:'},{xtype:'textfield',id:...

Examples里面有这方面的例子

//Extjs 3.X var record = new Ext.data.Record({ id: '1', text: '你好!', }); Grid.getStore().add(record); //Extjs 4.x Ext.define('Record', { extend: 'Ext.data.Model', fields: [ { name: 'id', type: 'number' }, { name: 'text', type...

网站地图

All rights reserved Powered by www.ctrt.net

copyright ©right 2010-2021。
www.ctrt.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com