EasyUI特殊情况下的BUG整理

时间:2023-03-09 18:29:19
EasyUI特殊情况下的BUG整理

前面有两篇:

Easyui - combo[tree,box]下拉图标有间隙bug解决方法
http://blog.csdn.net/isea533/article/details/12996561

Easyui - dialog,window影响父页面布局的BUG解决方法

http://blog.csdn.net/isea533/article/details/13000303

整理BUG是为了以后再次遇到问题的时候不再重复浪费时间解决问题,我以后发现Bug会继续添加到本篇博客。

2014-1-7

DataGrid滚动条BUG,这个BUG表现如下:

EasyUI特殊情况下的BUG整理

如上图所示:一共14条数据,结果第14条显示不出来,如果把datagrid高度再减小一些,13条可能也会被隐藏住。

正常情况下,应该是显示滚动条的,这里出现问题没显示。

原因:这里使用了toolbar,html形式的toolbar可以更复杂,但是也容易出问题,如果toolbar不是一个div,那么datagrid对toolbar的计算会出错。

上面的toolbar是一个table>tr>td*2>div的形式,所以出现了上面的问题。如果改成div>table>tr>td*2>div就不会出错,如果是div>div*2,如果内层div使用了float,也会出错。

html格式的toolbar正确的写法如下:

<div class="datagrid-toolbar">
<table cellspacing="0" cellpadding="0">
<tr>
<td>选择参保对象:</td>
<td>
<select id="cc" class="easyui-combobox" name="dept" style="width:200px;">
<option value="aa">个人</option>
<option>公司</option>
</select>
</td>
<td><div class="dialog-tool-separator"></div></td>
<td>
<a href="javascript:void(0)" class="easyui-linkbutton" id="start" data-options="iconCls:'icon-ok',plain:true">保存文件</a>
</td>
</tr>
</table>
</div>

上面代码可以参考,这种写法的效果和js是一样的。

声明:本博客内容是针对当前时间的解决方案,本博客所有文章内容可能会因为时间的关系而过期或者因为某个软件的更新而失去效果,请注意辨别。