jQuery MiniUI

标题: uc-toolbaroverflow展开的控件被下面的datagrid表头遮住 [打印本页]

作者: savecode 时间: 2016-8-12 09:06:24 标题: uc-toolbaroverflow展开的控件被下面的datagrid表头遮住

如图，里面有个文本框和一个搜索按钮，隐藏后展开被遮住
[attach]7785[/attach][attach]7784[/attach]

另外这个文本框和这个搜索按钮是放到一个div里，使用float:right样式让其置于toolbar最右边，现在用uc-toolbaroverflow之后不管空间宽度够不够，它都显示不出来了
[attach]7786[/attach]

两个问题还望解答！

作者: dforce 时间: 2016-8-12 09:29:17

请提供html页面辅助说明你的问题

作者: savecode 时间: 2016-8-12 09:53:58

本帖最后由 savecode 于 2016-8-12 10:02 编辑

dforce 发表于 2016-8-12 09:29
请提供html页面辅助说明你的问题

页面很复杂，相关的部分大概是这样的，其中红色部分就是放在toobar右边的输入框和搜索按钮，不管浏览器窗口宽度如何，用uc-toolbaroverflow之后都是被隐藏的，而且下拉之后其中的输入框和搜索按钮都被下面datagrid的表头遮住
tabs里一个tab页，tab页顶部一条toolbar，toolbar下面一个datagrid，toolbar里有较多按钮<div class="mini-tabs">
<div title="xxx">
      <div class="uc-toolbaroverflow">
         <a class="mini-button"></a>
         ..........
         <div style="float:right">
            <input class="mini-textbox"/>
            <a class="mini-button"></a>
         </div>
      </div>
      <div class="mini-datagrid">
      </div>
</div>
</div>

作者: savecode 时间: 2016-8-12 10:03:19

dforce 发表于 2016-8-12 09:29
请提供html页面辅助说明你的问题

刚才论坛抽风了，贴的代码出问题了，麻烦再请看看

作者: savecode 时间: 2016-8-12 10:22:15

本帖最后由 savecode 于 2016-8-12 10:38 编辑

dforce 发表于 2016-8-12 09:29
请提供html页面辅助说明你的问题

第一个问题解决了，在uc-toolbar-popup类里加了z-index:999就可以了
现在问题就是空间足够多还是隐藏的问题了，试了下发现是float:right的问题。。想居右不知道怎么做好

作者: dforce 时间: 2016-8-12 11:55:45

savecode 发表于 2016-8-12 10:22
第一个问题解决了，在uc-toolbar-popup类里加了z-index:999就可以了
现在问题就是空间足够多还是隐藏的问 ...

不好居右，这个控件的功能就是流式布局应用的

作者: savecode 时间: 2016-8-12 12:58:14

dforce 发表于 2016-8-12 11:55
不好居右，这个控件的功能就是流式布局应用的

好吧，那就没办法了。。

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