jQuery MiniUI

标题: outlooktree 左侧折叠菜单太多 [打印本页]

作者: cy_test 时间: 2018-4-4 16:55:28 标题: outlooktree 左侧折叠菜单太多

outlooktree 左侧折叠菜单太多，显示器分辨率低浏览器打不开了
[attach]10714[/attach]

作者: dforce 时间: 2018-4-4 17:01:27

项很多的情况下可以设置style="height:auto"

作者: cy_test 时间: 2018-4-4 17:15:51

dforce 发表于 2018-4-4 17:01
项很多的情况下可以设置style="height:auto"

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

作者: cy_test 时间: 2018-4-4 17:18:46

cy_test 发表于 2018-4-4 17:15
如果子项太多打开后，下面的子项看不见了

没有滚动条了

作者: dforce 时间: 2018-4-4 17:35:28

cy_test 发表于 2018-4-4 17:18
没有滚动条了

[attach]10715[/attach]如图，设置了style=“height：auto”可以正常出现滚动条。如果你有问题，请提供重现页面。

作者: cy_test 时间: 2018-4-5 10:09:12

本帖最后由 cy_test 于 2018-4-5 10:37 编辑

dforce 发表于 2018-4-4 17:35
如图，设置了style=“height：auto”可以正常出现滚动条。如果你有问题，请提供重现页面。

...

[attach]10717[/attach] 折叠菜单项太多，点击后看不见下面子项了

作者: felt 时间: 2018-4-8 09:14:49

cy_test 发表于 2018-4-5 10:09
折叠菜单项太多，点击后看不见下面子项了

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

作者: cy_test 时间: 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

作者: dforce 时间: 2018-4-9 10:12:19

cy_test 发表于 2018-4-9 08:48
不行啊，miniui也是最新的了，不好使，加上后就没有滚动条了，我用的是OutlookTree 不是 OutlookMenu ...

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

作者: cy_test 时间: 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;">

<div id="leftTree" class="mini-outlooktree" url="./demo.txt" onnodeclick="onNodeSelect"
      textField="text" idField="id" parentField="pid" style="height: auto"
      >
</div>
</div>
[attach]10738[/attach][attach]10737[/attach]
测试数据[ {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"}]

作者: dforce 时间: 2018-4-9 13:26:40

cy_test 发表于 2018-4-9 11:06
显示器分辨率1024*768测试代码

splitter的面板上设置style=“overflow:auto”

<div size="180" maxSize="250" minSize="100" showCollapseButton="true" style="border:0;overflow:auto">
<div id="leftTree" class="mini-outlooktree" onnodeclick="onNodeSelect" url="data.txt"
textField="text" idField="id" parentField="pid" showtreelines="false" showTreeIcon="false"
style="height:auto;"
>
</div>
</div>

复制代码

作者: cy_test 时间: 2018-4-9 13:47:09

dforce 发表于 2018-4-9 13:26
splitter的面板上设置style=“overflow:auto”

还是这个代码，将数据的回到 user21 分辨率还是 1024*768 整个都打不开了，您看看能不能解决

作者: dforce 时间: 2018-4-9 14:03:41

cy_test 发表于 2018-4-9 13:47
还是这个代码，将数据的回到 user21 分辨率还是 1024*768 整个都打不开了，您看看能不能解决 ...

[attach]10739[/attach]和分辨率没什么关系。

作者: cy_test 时间: 2018-4-9 14:09:53

dforce 发表于 2018-4-9 14:03
和分辨率没什么关系。

解决谢谢麻烦了

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