jQuery MiniUI

标题: datagrid 点击分页数撑破界面 [打印本页]

作者: tzwhyqq 时间: 2014-7-22 15:13:04 标题: datagrid 点击分页数撑破界面

页面代码如下： <div region="west" showheader="false" width="240px" expanded="true" showspliticon="true" showheader="true"> <div style="overflow: hidden" id="leftDiv"> <div id="selDiv" style="position: absolute; top: 0; border-bottom: solid 1px #aaa; height: 28px"> <input type="radio" name="state" value="0" />显示 <input type="radio" name="state" value="1" />隐藏竣工机构 </div> <ul id="treeObj" class="mini-tree" style="position: absolute; width: 100%; padding: 5px; margin-top: 27px" showtreeicon="true" textfield="text" idfield="id" onnodeclick="OnTreeNodeOpertion" onbeforeload="OnBeforeTreeLoad" resultastree="false" onload="OnTreeLoad"> </ul> </div> </div> <div title="center" region="center"> <div id="searchDiv" style="position: absolute; top: 0; border-bottom: solid 1px #aaa; height: 28px; padding-left: 2px; margin: 0px;"> 快速搜索：<select id="selOption"> <option value="0">工号</option> <option value="1">姓名</option> </select> <input type="text" id="txtContent" style="width: 100px" /> <span id="spanAll"> <input type="checkbox" id="chkAll" />全机构</span> <input type="button" value="查询" id="btnSearch" class="Button_Default" /> </div> <div style="position: absolute; top: 28px; margin: 0px;"> <div style="position: inherit;" id="dataDiv"> </div> </div> <div id="dataBtnDiv" style="position: absolute; bottom: 0; width: 100%; text-align: right; height: 40px"> <input type="button" value="添加" /> <input type="button" value="修改" /> </div> </div>datagrid 是js 输出到dataDiv中的。点击datagrid的页大小下拉框时会出现滚动条。怎么解决吗。发现是dataDiv的父节点样式中style="position: absolute;影响到原有的样式了，不知道怎么解决。在线等。

作者: felt 时间: 2014-7-22 15:31:18

请提供重现问题的例子，回复的高级模式可以长传文件

作者: tzwhyqq 时间: 2014-7-22 16:29:23

felt 发表于 2014-7-22 15:31
请提供重现问题的例子，回复的高级模式可以长传文件

这是附件

作者: felt 时间: 2014-7-22 17:08:05

tzwhyqq 发表于 2014-7-22 16:29
这是附件

[attach]4863[/attach]
没重现你的问题
[attach]4864[/attach]

作者: tzwhyqq 时间: 2014-7-22 17:21:58

felt 发表于 2014-7-22 17:08
没重现你的问题

我是在ie8 下的。

作者: tzwhyqq 时间: 2014-7-22 17:24:47

felt 发表于 2014-7-22 17:08
没重现你的问题

我重新上传了下。你看下。

作者: felt 时间: 2014-7-22 17:26:51

tzwhyqq 发表于 2014-7-22 17:21
我是在ie8 下的。

你下我那个例子，如果你那有什么问题，截图贴上来

作者: felt 时间: 2014-7-22 17:29:28

tzwhyqq 发表于 2014-7-22 17:24
我重新上传了下。你看下。

简化页面，能直接跑出来看效果的

作者: tzwhyqq 时间: 2014-7-22 17:39:47

felt 发表于 2014-7-22 17:26
你下我那个例子，如果你那有什么问题，截图贴上来

按你的例子试了下，然后又看了一遍发现是因为按钮太多的问题，我原先上传的里面按钮就1个我后来加了一些。就会出现撑开的情况。在我上一个回复上传的附件里面你看下。谢谢。

作者: felt 时间: 2014-7-23 10:37:18

tzwhyqq 发表于 2014-7-22 17:39
按你的例子试了下，然后又看了一遍发现是因为按钮太多的问题，我原先上传的里面按钮就1个我后来加了一些 ...

你这页面布局真的很乱
你加上
html, body{
margin:0;padding:0;border:0;width:100%;height:100%;
overflow:hidden;
}

作者: tzwhyqq 时间: 2014-7-23 15:52:01

felt 发表于 2014-7-23 10:37
你这页面布局真的很乱
你加上
html, body{

加上了 html, body{
margin:0;padding:0;border:0;width:100%;height:100%;
overflow:hidden;
}
还是会撑开。

作者: tzwhyqq 时间: 2014-7-23 15:52:54

felt 发表于 2014-7-23 10:37
你这页面布局真的很乱
你加上
html, body{

布局乱有没有好点的布局方式。刚弄这个不是很懂。

作者: felt 时间: 2014-7-23 15:58:44

tzwhyqq 发表于 2014-7-23 15:52
布局乱有没有好点的布局方式。刚弄这个不是很懂。

直接用mini-splitter布局，左右两块
右边部分再放splitter分割

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