www.ctrt.net > Extjs GriD与TABPAnEl 填充数据问题

Extjs GriD与TABPAnEl 填充数据问题

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

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

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

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

这种情况最合理的办法就是不要最后用一个form提交,form提交也是一个ajax请求,Ext.Ajax.request也是一个ajax请求,本质上没有区别,你在最后收集那些参数,简单组织一下,用基本的Ext.Ajax请求就可以了。真想用form提交,好像只能在tabpanel外...

1)你的第一种tabpanel不显示,自己多试试肯定能出来 2)第二种方式你说无法进行详细配置这你点不大可能,以你第一种tabpanel的写法为例 你完全可以grid和mapanel单独的写,同时把像closable,title这些属性写在grid中而不是‘外’ 例如 var grid = ...

不用传也可以获得,每个tab有自己的id; Ext.getCmp("tab1").getSelectionModel().getSelection(); 就可以取到你选中的这条数据, Ext.getCmp("tab1").getSelectionModel().getSelection()[0].data是这行数据的详细内容。

1一般常用的方法是给新增的panel 设定itemId , 用 容器.getComponent(itemId)来获取这个组件. (推荐) var tabs = new Ext.TabPanel({ renderTo: document.body, itemId:"tablpanel1" height: 100 }); tabs.add({ title: '标题1', itemId:"panel1...

Ext.create('Ext.tab.Panel', { width: 300, height: 200, activeTab: 0, items: [ { title: 'Tab 1', bodyPadding: 10, iconCls:'你的图片样式', html : 'A simple tab' }, { title: 'Tab 2', iconCls:'你的图片样式', html : 'Another one' } ...

rcenter = new Ext.TabPanel({ region:'center', deferredRender:false, activeTab:0 }) grid = new xg.GridPanel({ id:"grid", title:'用户列表' ... }) rcenter.add(grid) grid

网站地图

All rights reserved Powered by www.ctrt.net

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