jQuery MiniUI

 找回密码
 立即注册
查看: 11160|回复: 13
打印 上一主题 下一主题

outlooktree 左侧折叠菜单太多 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2018-4-4 16:55:28 |只看该作者 |倒序浏览
outlooktree 左侧折叠菜单太多,显示器分辨率低浏览器打不开了

附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

沙发
发表于 2018-4-4 17:01:27 |只看该作者
项很多的情况下可以设置style="height:auto"

Rank: 2

板凳
发表于 2018-4-4 17:15:51 |只看该作者
dforce 发表于 2018-4-4 17:01
项很多的情况下可以设置style="height:auto"

如果子项太多打开后,下面的子项看不见了

Rank: 2

地板
发表于 2018-4-4 17:18:46 |只看该作者
cy_test 发表于 2018-4-4 17:15
如果子项太多打开后,下面的子项看不见了

没有滚动条了

Rank: 8Rank: 8

5#
发表于 2018-4-4 17:35:28 |只看该作者
cy_test 发表于 2018-4-4 17:18
没有滚动条了

如图,设置了style=“height:auto”可以正常出现滚动条。如果你有问题,请提供重现页面。

附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 2

6#
发表于 2018-4-5 10:09:12 |只看该作者
本帖最后由 cy_test 于 2018-4-5 10:37 编辑
dforce 发表于 2018-4-4 17:35
如图,设置了style=“height:auto”可以正常出现滚动条。如果你有问题,请提供重现页面。

...

折叠菜单项太多,点击后看不见下面子项了
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

7#
发表于 2018-4-8 09:14:49 |只看该作者
cy_test 发表于 2018-4-5 10:09
折叠菜单项太多,点击后看不见下面子项了

本地测试过了,加了style="height:auto",显示不下的时候就有滚动条。
如果你那有问题,请更新至最新版本,如果还有问题,请提供html页面和这个outlookmenu的数据。

Rank: 2

8#
发表于 2018-4-9 08:48:52 |只看该作者
本帖最后由 cy_test 于 2018-4-9 09:38 编辑
felt 发表于 2018-4-8 09:14
本地测试过了,加了style="height:auto",显示不下的时候就有滚动条。
如果你那有问题,请更新至最新版本 ...

不行啊,miniui也是最新的了,不好使,加上后就没有滚动条了,我用的是OutlookTree  不是 OutlookMenu

Rank: 8Rank: 8

9#
发表于 2018-4-9 10:12:19 |只看该作者
cy_test 发表于 2018-4-9 08:48
不行啊,miniui也是最新的了,不好使,加上后就没有滚动条了,我用的是OutlookTree  不是 OutlookMenu ...

如5楼回复,加了height:auto肯定是有滚动条的
你这有问题肯定是你数据的问题,请保证id的唯一性。
你分析不出问题,可以你这个html页面和outlookmenu的数据打开发上来,我们给你看一下。

Rank: 2

10#
发表于 2018-4-9 11:06:07 |只看该作者
dforce 发表于 2018-4-9 10:12
如5楼回复,加了height:auto肯定是有滚动条的
你这有问题肯定是你数据的问题,请保证id的唯一性。
你分析 ...

显示器分辨率1024*768测试代码<div size="180" maxSize="250" minSize="100" showCollapseButton="true" style="border:0;">
    <!--OutlookTree-->
    <div id="leftTree" class="mini-outlooktree" url="./demo.txt" onnodeclick="onNodeSelect"
         textField="text" idField="id" parentField="pid" style="height: auto"
        >
    </div>
</div>

测试数据[        {id: "user", text: "用户管理"},{id: "lists", text: "Lists", pid: "user" },{id: "datagrid", text: "DataGrid", pid: "lists"},                                {id: "tree", text: "Tree" , pid: "lists"},        {id: "treegrid", text: "TreeGrid " , pid: "lists"},        {id: "layouts", text: "Layouts", pid: "user"},        {id: "panel", text: "Panel", pid: "layouts"},        {id: "splitter", text: "Splitter", pid: "layouts"},        {id: "layout", text: "Layout ", pid: "layouts"},        { id: "right", text: "权限管理"},        {id: "base", text: "Base",  pid: "right" },                        {id: "ajax", text: "Ajax", pid: "base"},        {id: "json", text: "JSON", pid: "base"},        {id: "date", text: "Date", pid: "base"},        {id: "forms", text: "Forms", pid: "right"},                        {id: "button", text: "Button", pid: "forms"},        {id: "listbox", text: "ListBox", pid: "forms"},        {id: "checkboxlist", text: "CheckBoxList", pid: "forms"},        {id: "radiolist", text: "RadioList", pid: "forms"},        {id: "calendar", text: "Calendar", pid: "forms"},        {id: "user1", text: "用户管理1"},        {id: "user2", text: "用户管理2"},        {id: "user3", text: "用户管理3"},        {id: "user4", text: "用户管理4"},        {id: "user5", text: "用户管理5"},        {id: "user6", text: "用户管理6"},        {id: "user7", text: "用户管理7"},        {id: "user8", text: "用户管理8"},        {id: "user9", text: "用户管理9"},        {id: "user10", text: "用户管理10"},        {id: "user11", text: "用户管理11"},        {id: "user12", text: "用户管理12"},        {id: "user13", text: "用户管理13"},        {id: "user14", text: "用户管理14"},        {id: "user15", text: "用户管理15"}]
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Archiver|普加软件

GMT+8, 2025-7-13 19:07 , Processed in 1.034325 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部