jQuery MiniUI

标题: tab问题 [打印本页]
作者: danishlyy    时间: 2018-6-26 10:43:56     标题: tab问题

[attach]11029[/attach]想实现点击&符号，然后跳转到数据资源目录树下面的对应的子目录，比如我点击百岁人口表前面的&，就会跳转到数据资源目录树下面的百岁人口表目录下，如何实现跳转
  1. <div id="listDiv" class="mini-tabs" activeIndex="0" style="width:100%;height:100%;" bodyStyle="padding:0;border:0;">
  2.     <div id="layout1" name="tabs1" title="主题目录" class="mini-layout" style="width:100%;height:100%;">
  3.         <div title="center" region="center" bodyStyle="overflow:hidden;" style="border:0;">
  4.             <div class="mini-splitter" style="width:100%;height:100%;" borderStyle="border:0;">
  5.                 <div size="250" maxSize="500" minSize="100" showCollapseButton="true" style="border-width:1px;overflow-x: hidden">
  6.                     <td style="width:100%;overflow-x: hidden" align="left">
  7.                         <ul id="leftTree" class="mini-tree"  style="width:100%;height:100%;"
  8.                             iconField="false" showArrow="true" showTreeIcon="true" textField="text" idField="id" parentField="pid" expandOnLoad="0" resultAsTree="true" >
  9.                         </ul>
  10.                     </td>
  11.                 </div>
  12.                 <div showCollapseButton="false" style="border:0px;" >
  13.                     <div id="iframe1"  style="width:100%;height:100%;">
  14.                         <input id="query1" class="my-btn my-btn-blue" style="margin-top: 5px" type="button" value="发布"  onclick="openZyfb()" >
  15.                         <iframe src="" id="content-iframe" frameborder="0" style="width: 100%;height: 100%;"></iframe>
  16.                     </div>
  17.                 </div>
  18.             </div>
  19.         </div>
  20.     </div>
  21.     <div id="layout2" name="tabs2"  title="数据资源目录" class="mini-layout" style="width:100%;height:100%;">
  22.         <div title="center" region="center" bodyStyle="overflow:hidden;" style="border:0;">
  23.             <div class="mini-splitter" style="width:100%;height:100%;" borderStyle="border:0;">
  24.                 <div size="250" maxSize="500" minSize="100" showCollapseButton="true" style="border-width:1px;overflow-x: hidden">
  25.                     <td style="width:100%;overflow-x: hidden" align="left">
  26.                         <ul id="leftTree1" class="mini-tree"  style="width:100%;height:100%;"
  27.                             showArrow="true" showTreeIcon="true" textField="text" idField="id" parentField="pid" expandOnLoad="0" resultAsTree="true" >
  28.                         </ul>
  29.                     </td>
  30.                 </div>
  31.                 <div showCollapseButton="false" style="border:0px;" >
  32.                     <div id="iframe2"  style="width:100%;height:100%;">
  33.                         <input id="query2" class="my-btn my-btn-blue" style="margin-top: 5px" type="button" value="发布"  onclick="openZyfb()" >
  34.                         <iframe src="" id="content-iframe2" frameborder="0" style="width:100%;height:100%;"></iframe>
  35.                     </div>
  36.                 </div>
  37.             </div>
  38.         </div>
  39.     </div>

  41. </div>
复制代码
  1. function jumpTo(id) {
  2.        var tabs = mini.get("listDiv");
  3.    }
复制代码


作者: dforce    时间: 2018-6-26 12:25:54

1 节点内容下可以绘制html，来触发点击事件
2 tabs.activeTab(tab)可以切换tab
tree.expandPath(node)可以展开到指定节点
作者: danishlyy    时间: 2018-6-26 13:38:04

dforce 发表于 2018-6-26 12:25
1 节点内容下可以绘制html，来触发点击事件
2 tabs.activeTab(tab)可以切换tab
tree.expandPath(node)可以 ...

list.nodeStyle = 'font-weight:bold;';
               list.nodeCls = "blueColor";
我想让节点展开后  对应的该节点有背景色，字体颜色变粗，这样写不对没有效果。
应该如何写
作者: felt    时间: 2018-6-26 13:54:24

danishlyy 发表于 2018-6-26 13:38
list.nodeStyle = 'font-weight:bold;';
               list.nodeCls = "blueColor";
我想让节点展开后  ...

这只能修改选中节点的样式，而不是在绘制事件里处理。
作者: danishlyy    时间: 2018-6-26 14:35:30

felt 发表于 2018-6-26 13:54
这只能修改选中节点的样式，而不是在绘制事件里处理。

那如果想让展开节点带背景色应该如何做？



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