Extjs 对tabPanel中的第一个Panel进行布局 让里面的面板具有拖拽效果
2010-11-03 12:00
316 查看
var tabs= new Ext.TabPanel({ id:'tab', region: 'center', // a center region is ALWAYS required for border layout deferredRender: true, activeTab: 0, // first tab initially active enableTabScroll:true, plain:true, Frame:true, layoutConfig:{ animate:true }, items: [ /*对TabPanel中的第一个Panel进行布局 xtype:'portal'面板就具有自动拖拽效果 */ { title:'工作提醒', layout:'border', items: [{ xtype:'portal', region:'center', margins:'0 0 0 0', cmargins:'35 5 5 5', items: [ { columnWidth:.33, style:'padding:10px 10px 10px 10px', items: [ { id:"PersonInfo", title: '个人信息', html: "<%=TableInfo %>" } , { id:"DevelopMentTaskInfo", title: '开发员近期任务进展', html: "<%=DevelopMentPanelInfo %>" } ] } , { columnWidth:.43, style:'padding:10px 10px 10px 10px', items: [ { id:"TaskChecked", title: '任务审核', html: "<%=ProjectManageTaskAuditPanelInfo %>" } ] }, { columnWidth:.23, style:'padding:10px 10px 10px 10px', items: [ { id:"CurrentDate", title: '当前日期', html: "<%=CurrentDate %>" }, { id:"NewsList", title: '公告栏', html: "" } ] } ] }] } // { // contentEl: 'center2', // title: '工作提醒', // closable: false, // html:"<%=TableInfo %>", // frame:true, // autoScroll: true // } ] });
相关文章推荐
- EXTJS布局示例(panel,Viewport,TabPanel)
- ExtJs 关于Tabpanel与fieldset切换时 fieldset在其他tab面板无法显示
- ExtJs4 笔记(9) Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件
- ExtJs4 笔记 Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件
- ExtJS <3> 面板的使用(Ext.Panle、Ext.TabPanel、Ext.Vie...
- ExtJs4 笔记(9) Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件
- 关于ExtJS TabPanel中column布局不显示问题
- Extjs的FormPanel、TabPanel面板
- ExtJs之选项面板(TabPanel)
- ExtJs4 笔记(9) Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件
- WPF布局(1) 使用StackPanel面板进行简单的布局
- ExtJS面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)
- extjs中treepanel和tabpanel结合实现布局
- ExtJS面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)
- [ExtJS4]ExtJS4左边菜单面板收缩展开,右边TabPanel内容动态更新(解决宽度不能自适应问题)
- EXTJS布局示例(panel,Viewport,TabPanel)(带图)
- ExtJs学习笔记基础篇(3)-面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)
- EXTJS布局示例(panel,Viewport,TabPanel)
- ExtJs 4.x 学习小记:使用FieldSet进行查询面板的布局
- EXTJS_Tabpanel布局,选项卡加载页面,调用别的jsp页面,截图所示