关于easyui的datagrid detailview的初次点击出现的重叠错位问题

最新推荐文章于 2024-01-26 16:23:21 发布
最新推荐文章于 2024-01-26 16:23:21 发布
阅读量6.2k 收藏 6
点赞数 2
分类专栏： EasyUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangchun888/article/details/48312169
版权
本文讨论了使用EasyUI时，datagrid的detailview在首次点击时可能出现的重叠和错位问题。通过展示问题效果与正确效果的对比，作者引导读者理解问题本质，并分享了相关代码实现。
摘要由CSDN通过智能技术生成

先上问题的效果图




由上图可以知道，当点击按钮的时候，会出现详情页将下面的数据挤出到别的位置，正确的效果图，应该是这样子的：







我们来看代码是怎么写的：

      
			      view: detailview,   
			      detailFormatter:function(index,row){
最低0.47元/天 解锁文章
csdn_user_info
关注
专栏目录
【EasyUI DataGrid DetailView】表格嵌套子表格
wilson_m的博客
08-23 6796
一、功能描述 在做项目的时候，要求能够对某一行的数据进行折叠显示，用来查看该行的详细信息。拟通过采用easyui的detailview创建表格分组，大致的效果图如下所示： 二、使用方法      本篇博客承接以前的一篇博客：https://blog.csdn.net/wilson_m/article/details/813
easyUI detailview 展开部分IE错位解决方案
weixin_34050005的博客
10-22 285
2019独角兽企业重金招聘Python工程师标准>>> ...
easyui-datagrid中加载错位问题
随波逐流的博客
04-28 2955
在使用easyui-datagrid的时候，在一个界面中同时加载多个datagrid时出现数据加载错位了的问题，在网上找了老半天没有找到解决的办法。最后发现easyui有惰性，当有多个datagrid同时存在并且有人初始化查询过，就可能导致另外的datagrid查询后不再设置宽度，从而导致列挤在一起，只需将这里的if判断注释掉，改成全部都会设置宽度就不会再出现这种情况。如下（本人用的是easyui...
easyui datagrid重新加载detailview异常_填坑！线上Presto查询Hudi表异常排查
weixin_40005795的博客
11-29 159
欢迎关注微信公众号：ApacheHudi1. 引入线上用户反馈使用Presto查询Hudi表出现错误，而将Hudi表的文件单独创建parquet类型表时查询无任何问题，关键报错信息如下40931f6e-3422-4ffd-a692-6c70f75c9380-0_0-384-2545_20200513165135.parquet, start=0, length=67108864, fileSize...
EasyUI_Datagrid 加行号后行号高度错位
yyongsheng的博客
01-17 3714
onLoadSuccess:function(data){setBtnStyle(data);  $('#dg').datagrid('fixRowHeight')  }  data-options="method: 'post', url: '${pageContext.request.contextPath }/localSalesReports/findList'
easyui：datagrid：加行号后行号高度错位
番茄炒西红柿
11-16 900
onLoadSuccess: function () { $('#projectList').datagrid('fixRowHeight') }  
EasyUI datagrid-detailview
qq_43710927的博客
09-28 611
datagrid-detailview的简单使用
jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
10-21
本文介绍了如何在 jQuery Easyui DataGrid 中实现点击某个单元格后，该单元格即可进入编辑状态，当用户编辑完数据并把焦点移开该单元格时，所编辑的数据自动保存的功能。 知识点一：DataGrid 初始化与配置 要使用 ...
easyui datagrid插件 datagrid-detailview.js
07-09
支持datagrid扩展，在一条记录下面可以嵌套一个子datagrid，切记要在页面中引入该js
easyui datagrid editor回车切换单元格示例，可参考
12-27
easyui datagrid editor回车切换单元格示例，适合熟悉easyui但又不懂如何做的人员，可能参考一下源码JS。
Jquery EasyUI dataGrid加载图片时，序号出现错行的解决办法
xiaomen417的博客
12-02 1639
EasyUI dataGrid在加载网络图片时会出现这种情况： 是不是特别happy？ 经过一天的度娘后，发现网上还是有很多解决办法的；例如：//这个应该是最好用的，也是网上回答最多的 onLoadSuccess : function(){ $('#dataGridPic').datagrid('fixRowHeight'); }还有的说是resize
解决easyui datagrid表格行号错位不能自适应方法
jcoiwenwfkowe的博客
09-29 430
解决easyui datagrid表格行号错位不能自适应方法
easyui 框架datagrid表格列错位解决方法 极简处理
DEVILMSC的博客
01-26 890
datagrid 控件当数据行比较多 出现右侧滚动条的时候，这个时候将水平滚动条滑动到最右侧 会造成15-18px的列错位 （因为样式不同 可能会有出入）表头加载了滚动条显示出来不好看，那么咱么隐藏掉滚动条的样式在给个背景色，不就可以瞒天过海了么。以上样式加载在全局样式里面 那么可以直接解决整个项目所有错位列的问题。原理很简单，错位问题是因为右侧出现滚动条造成的。网上有好多处理方式 但是都需要单个页面处理。那么将表头也加载一个右侧滚动条不就可以了么。下面介绍一个极简单的处理方式。以上个人偷懒做法 勿喷。
Easyui Datagrid rownumbers行号四位、五位显示不完全的解决办法
热门推荐
jiujiea6543的专栏
12-15 1万+
第一种：扩展方法 代码： $.extend($.fn.datagrid.methods, {     fixRownumber : function (jq) {         return jq.each(function () {             var panel = $(this).datagrid("getPanel");             /
easyui页面多个datagrid导致列错乱、表头与表格对不齐、刷新一次正常问题
de883417的博客
02-28 1035
项目中偶尔会遇到这样的现象，但刷新一下就好了，一开始没注意。后来随着页面datagrid越来越多，发现出现的越来越频繁甚至会固定重现，老大发话：“改！” 将令如山，于是本宝宝抱着easyui.js开始研究其原理。经过一番抓耳挠腮打断点，终于叫我发现了问题所在（1.3.6版本）： easyui有惰性，当有多个datagrid同时存在并且有人初始化查询过，就可能导致另外的datagr...
easyui启用行号错位解决方案
宇宙的黑洞
07-04 3236
$("#dataGrid").datagrid({ onLoadSuccess : function () { $(this).datagrid("fixRowHeight"); } });加入上面的代码就可以解决！
基于java的共享汽车管理系统的开题报告2.docx
最新发布
09-25
基于java的共享汽车管理系统的开题报告2.docx
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值