jQuery MiniUI

标题: 如何实现利用html标签在主框架右侧新增页面 [打印本页]
作者: leofff    时间: 2017-11-15 09:42:32     标题: 如何实现利用html标签在主框架右侧新增页面

  1.     <div title="center" region="center" style="border:0;" bodyStyle="overflow:hidden;">
  2.         <!--Splitter-->
  3.         <div class="mini-splitter" style="width:100%;height:100%;" borderStyle="border:0;">
  4.             <div size="180" maxSize="250" minSize="100" showCollapseButton="true" style="border:0;">
  5.                 <!--OutlookTree-->

  7. <ul id="tree2" class="mini-tree" style="width:200px;padding:5px;" showTreeIcon="true">
  8.     <li>
  9.         <span>MiniUI</span>
  10.         <ul>
  11.             <li>
  12.                 <span expanded="false" >Lists</span>
  13.                 <ul>
  14.                     <li><a href="<%= yth_grid_report_charges_path %>.html" target="main" style="color:Blue;text-decoration:underline;">Test</a></li>
  15.                 </ul>
  16.             </li>              
  17.         </ul>
  18.     </li>                       
  19. </ul>
  20.                
  21.             </div>
  22.             <div showCollapseButton="false" style="border:0;">
  23.                 <!--Tabs-->
  24.                 <div id="mainTabs" class="mini-tabs" activeIndex="0" style="width:100%;height:100%;"

  26.         >
  27.                     <div title="首页" url="../comics" >   
  28.                     </div>
  29.                     <div title="Test" url="../yth_grid_report_charges" >      
  30.                     </div>
  31.                 </div>
  32.             </div>        
  33.         </div>
  34.     </div>
  35. </div>
复制代码


作者: felt    时间: 2017-11-15 10:17:41

请详细描述你的需求，你贴的代码只看到layout的中间放了一个splitter,左侧一个树，右侧一个tabs
你说的页面是要放哪？
作者: leofff    时间: 2017-11-15 10:56:12

felt 发表于 2017-11-15 10:17
请详细描述你的需求，你贴的代码只看到layout的中间放了一个splitter,左侧一个树，右侧一个tabs
你说的页面 ...

现在点击导航树只能在浏览器新增一个标签页，
我想通过左侧的导航树，点击以后新增页面到右侧的tabs.
作者: felt    时间: 2017-11-15 12:38:30

leofff 发表于 2017-11-15 10:56
现在点击导航树只能在浏览器新增一个标签页，
我想通过左侧的导航树，点击以后新增页面到右侧的tabs. ...

http://www.miniui.com/demo/outlooktree/outlooktree.html
类似我们这个示例，你可以绑定tree的点击事件，在右侧的tabs里面添加tab
作者: leofff    时间: 2017-11-16 15:59:11

felt 发表于 2017-11-15 12:38
http://www.miniui.com/demo/outlooktree/outlooktree.html
类似我们这个示例，你可以绑定tree的点击事件 ...

好的，解决了，谢谢



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2