jQuery MiniUI

标题: mini-outlookbar 切换出问题了 [打印本页]

作者: caicai0328 时间: 2012-8-28 15:19:22 标题: mini-outlookbar 切换出问题了

我用outlookbar 建立了三个标签，在每个标签里面设置了一个tree  现在图形出现了变形：而且报错，代码如下：

<div id="outlookbar1" class="mini-outlookbar " style="width:100%;height:100%;" autoCollapse="true"  onactivechanged="activechanged">
                        <div  id="sub_v_v" title="车辆订阅" >
                                 <ul id="tree_v" class="mini-tree" style="width:300px;padding:5px;"
                                       showTreeIcon="true" textField="n" idField="i" nodesField="c" contextMenu="#treeMenu_vehicle" onnodeselect="onNodeSelect"  ondrawnode="onDrawNode">
                                    </ul>
                           </div>
                           <div  id="sub_v_r" title="路线订阅">
                                 <ul id="tree_r" class="mini-tree" style="width:300px;padding:5px;"
                                       showTreeIcon="true" textField="n" idField="i" nodesField="c" contextMenu="#treeMenu_route"  >
                                    </ul>
                           </div>
   <div  id="sub_v_z"title="区域订阅">
                                 <ul id="tree_z" class="mini-tree" style="width:300px;padding:5px;"
                                       showTreeIcon="true" textField="n" idField="i" nodesField="c" contextMenu="#treeMenu_zone" ondrawnode="onDrawNode">
                                    </ul>
                           </div>

   </div>
                  </div>

界面：[attach]527[/attach]
异常：
SCRIPT5007: 无法获取属性“firstChild”的值: 对象为 null 或未定义
miniui.js, 行11 字符266031
SCRIPT5007: 无法获取属性“firstChild”的值: 对象为 null 或未定义
miniui.js, 行11 字符266031

;C=C-jQuery(H.firstChild).outerHeight();

我用的最新ui 8月28号的  myeclipse版本的  请您帮忙看看。。。

作者: niko 时间: 2012-8-28 15:27:22

为什么不用更好用的outlooktree？
http://www.miniui.com/demo/outlooktree/outlooktree.html

作者: caicai0328 时间: 2012-8-28 15:38:08

niko 发表于 2012-8-28 15:27
为什么不用更好用的outlooktree？
http://www.miniui.com/demo/outlooktree/outlooktree.html

这个outlooktree 从本质上讲是一棵树，我现在需要构造数来三棵树的，而且是触发到某个项目时候才去家在对应的树节点内容，还对不同的树添加了鼠标右键的事件，如果用这个tree 的话可能有点混乱啊

作者: niko 时间: 2012-8-28 15:57:38

明白了。
此问题已处理，下载更新即可。

作者: caicai0328 时间: 2012-8-28 15:59:57

niko 发表于 2012-8-28 15:57
明白了。
此问题已处理，下载更新即可。

现在就更新么什么时候能跟新呢。。急切盼望啊呵呵O(∩_∩)O

作者: niko 时间: 2012-8-28 16:41:57

现在就可以了啊。

作者: caicai0328 时间: 2012-8-30 16:09:50

niko 发表于 2012-8-28 16:41
现在就可以了啊。

我更新了代码，这个可以用了，但是好像还有点小问题呢？就是刚进来的时候看到的样子还是我接的那个图的样子。。有点小别扭呢？？

作者: niko 时间: 2012-8-30 16:20:32

参考代码：

<div id="outlookbar1" class="mini-outlookbar " style="width:180px;height:200px;" expandOnLoad="false">
<div title="权限管理">
1
</div>
<div title="用户管理">
2
</div>
</div>

复制代码

去除activeIndex/autoCollapse，增加expandOnLoad="false"
就可以默认进来全部收缩了。

作者: caicai0328 时间: 2012-8-30 16:54:34

niko 发表于 2012-8-30 16:20
参考代码：去除activeIndex/autoCollapse，增加expandOnLoad="false"
就可以默认进来全部收缩了。 ...

<div id="outlookbar1" class="mini-outlookbar " style="width:100%;height:100%;" expandOnLoad="false" onactivechanged="activechanged"> 我改成这样子了似乎不行中间的缝隙还是那么大呢？？

作者: factory 时间: 2012-8-30 17:10:55

caicai0328 发表于 2012-8-30 16:54
我改成这样子了似乎不行中间的缝隙还是那么大呢？？

我在IE,360都测试了,都正常啊.
你先改动下下载的demo上,试试有这个问题没的

作者: caicai0328 时间: 2012-8-30 19:55:17

factory 发表于 2012-8-30 17:10
我在IE,360都测试了,都正常啊.
你先改动下下载的demo上,试试有这个问题没的 ...

再追问下子，有个问题，如果有一个栏目里面的内容很多的情况时，就把下面几个栏目挤得不见了。。而且本栏目里面不能自动出现滑杆，只能显示一部分数据，儿之前的那个版本是可以的。。。请您给帮忙看看。。谢谢了。。

作者: caicai0328 时间: 2012-8-30 20:36:45

factory 发表于 2012-8-30 17:10
我在IE,360都测试了,都正常啊.
你先改动下下载的demo上,试试有这个问题没的 ...

这个问题解决了 autoCollapse 这个属性不能去掉设置成true 就行了谢谢O(∩_∩)O~

作者: factory 时间: 2012-8-31 10:02:24

caicai0328 发表于 2012-8-30 19:55
再追问下子，有个问题，如果有一个栏目里面的内容很多的情况时，就把下面几个栏目挤得不见了。。而且本栏 ...

你把你这个问题的页面最好上传下,我看下

作者: caicai0328 时间: 2012-8-31 10:21:45

factory 发表于 2012-8-31 10:02
你把你这个问题的页面最好上传下,我看下

恩这个问题解决了，是我上面回答的那个样子了谢谢了

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)