extjs中用accordion布局怎样将面板标题和文字局中显示

答案:1 悬赏:50 手机版

解决时间 2021-10-20 06:58

提问者网友：酱爆肉
2021-10-19 18:43

最佳答案

五星知识达人网友：酒醒三更
2021-10-19 20:11

你打开这个页面里面的连接指定target没?target:_blank 在新窗口中打开被链接文档。 _self 默认。在相同的框架中打开被链接文档。 _parent 在父框架集中打开被链接文档。 _top 在整个窗口中打开被链接文档。 framename 在指定的框架中打开被链接文档。你右面用的是iframe么? <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href="../ext2.x/resources/css/ext-all.css" /> <script type="text/javascript" src="../ext2.x/adapter/ext/ext-base.js"> </script> <script type="text/javascript" src="../ext2.x/ext-all.js"></script> <style type="text/css">html,body { font: normal 12px verdana; margin: 0; padding: 0; border: 0 none; overflow: hidden; height: 100%;}.empty .x-panel-body { padding-top: 0; text-align: center; font-style: italic; color: gray; font-size: 11px;}.x-btn button { font-size: 14px;}.x-panel-header { font-size: 14px;}</style> </head> <body> <script type="text/javascript">Ext.onReady(function() { var addPanel = function(btn, event) { var n; n = tabPanel.getComponent(btn.id); if (n) { tabPanel.setActiveTab(n); return; } n = tabPanel.add({ id : btn.id, title : btn.text, html : '<iframe width=100% height=100% src=' + btn.id + '.html />', // autoLoad : '', closable : 'true' }); tabPanel.setActiveTab(n); } var item1 = new Ext.Panel({ title : '后台管理', // html :'<empty panel>', cls : 'empty', items : [new Ext.Button({ id : 'a1', text : '查看', width : '100%', listeners : { click : addPanel } }), new Ext.Button({ id : 'b1', text : '管理', width : '100%', listeners : { click : addPanel } }) ] }); var item2 = new Ext.Panel({ title : 'Accordion Item 2', html : '<empty panel>', cls : 'empty' }); var item3 = new Ext.Panel({ title : 'Accordion Item 3', html : '<empty panel>', cls : 'empty' }); var item4 = new Ext.Panel({ title : 'Accordion Item 4', html : '<empty panel>', cls : 'empty' }); var item5 = new Ext.Panel({ title : 'Accordion Item 5', html : '<empty panel>', cls : 'empty' }); var accordion = new Ext.Panel({ region : 'west', margins : '5 0 5 5', split : true, width : 210, layout : 'accordion', items : [item1, item2, item3, item4, item5] }); var tabPanel = new Ext.TabPanel({ region : 'center', enableTabScroll : true, deferredRender : false, activeTab : 0, items : [{ title : 'index', html : "<iframe width=100% height=100% src=''>" // html : "<a href=''>aaa</a>" // autoLoad :'b.jsp' }] }); var viewport = new Ext.Viewport({ layout : 'border', items : [accordion, tabPanel] });}); </script> </body></html>a1.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> </head> <body> <a href='' target=_self>aaa</a> <br> <a href=''>bbb</a> </body></html>

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息