解决easyui中datagrid列太多 无数据不显示滚动条的bug
2012-11-26 15:00
393 查看
项目中不知道哪位选择了easyui这个轻量级框架,说实话用起来真的不太方便……尤其是自己用习惯了ext的缘故。
easyui用起来简单,但bug和缺陷也实在是不少。
这次主要说的是datagrid列太多的时候,如果有数据,会出现滚动条,但没有就完蛋了……
测试提了bug,个人表示无法解决,测试mm不答应,正好闲着上网查了下,没有结果…… easyui网上的资料真的不多
最初的思路是没有数据新增个空数据,但是会有个空白行很明显,还有序号1的存在,没那个胆量提给测试。说实话个人感觉这个bug没啥改的必要,都没有数据了,你还滚动个啥,闲的吧。
我打算在新增后,删除这条空白行,结果滚动条就同时消失了……
又上网查了下,在一个easyui的论坛上发现了一个提问就是关于这个的,一个哥们给了答案,用隐藏!很巧妙的方法,试验下很成功。下边贴出代码:
onLoadSuccess:function(data){
if(data.total==0){
$('#searchLogGrid').datagrid('insertRow',{
row: {
}
});
$("tr[datagrid-row-index='0']").css({"visibility":"hidden"});
}
}, 该段代码贴到gird的定义中即可!
easyui用起来简单,但bug和缺陷也实在是不少。
这次主要说的是datagrid列太多的时候,如果有数据,会出现滚动条,但没有就完蛋了……
测试提了bug,个人表示无法解决,测试mm不答应,正好闲着上网查了下,没有结果…… easyui网上的资料真的不多
最初的思路是没有数据新增个空数据,但是会有个空白行很明显,还有序号1的存在,没那个胆量提给测试。说实话个人感觉这个bug没啥改的必要,都没有数据了,你还滚动个啥,闲的吧。
我打算在新增后,删除这条空白行,结果滚动条就同时消失了……
又上网查了下,在一个easyui的论坛上发现了一个提问就是关于这个的,一个哥们给了答案,用隐藏!很巧妙的方法,试验下很成功。下边贴出代码:
onLoadSuccess:function(data){
if(data.total==0){
$('#searchLogGrid').datagrid('insertRow',{
row: {
}
});
$("tr[datagrid-row-index='0']").css({"visibility":"hidden"});
}
}, 该段代码贴到gird的定义中即可!
相关文章推荐
- 【解决方法】EasyUI DataGrid不显示滚动条时,没有数据的问题
- easyui datagrid 没数据时显示滚动条的解决方法
- easyui datagrid 没数据时显示滚动条的解决方法
- 【解决方法】EasyUI DataGrid无数据时不显示滚动条问题
- 关于EasyUI 1.5版Datagrid组件在空数据时无法显示"空记录"提示的BUG解决方法
- easyui的datagrid无数据时下方滚动条不显示的解决办法(标题栏显示不完全)
- easyui datagrid无数据时显示横向滚动条
- easyui datagrid无数据时显示横向滚动条
- 经历:easyui的datagrid没有数据滚动条的显示
- easyui datagrid-detailview.js 子数据表显示BUG
- easyUI的列表控件(datagrid)日期列不能正确显示Json格式数据的解决方法
- 解决jquery easyui-datagrid列过多且无数据时列显示不全的bug
- SpringData JPA easyUI dataGrid数据显示的解决经验
- easyui datagrid 多列无数据是不显示滚动条
- 【工作记录0013】easyui中datagrid绑定,后台可读出数据,前台未显示的解决方法
- easyui datagrid 没数据时显示滚动条
- 解决Silverlight中DataGrid在显示数据时多一空白列
- Easyui中Datagrid显示二级对象即点连接对象、Form表单load数据中二级对象的问题!!!!
- easyui datagrid右边框不显示的解决方法