解决Infragistics.WebUI.UltraWebGrid 列头文本换行的Bug

简介:

UltraWebGrid 是一个功能强大的网格组件,项目采用它主要是因为它可以方便的实现列头合并,固定列的功能,另外提供了丰富的Client Script API,但它也是一个bug很多的组件,其中最明显的问题是‘慢’,页面渲染慢,脚本操作网格速度慢,后端C#遍历数据也慢,但这些问题对我们这种开发能力有限的团队来说,自己去做也不一定比它强多少,虽然可以容忍,但是界面展现上还有不可容忍的Bug,它的固定列头在多列头合并的情况下;列头文本有换行的时候,将出现高度不够的问题,非常影响界面的美观,这样的东西拿出去,基本没有人能愿意使用。本文就针对合并列头的多行文本换行出现的问题给出一段JS代码进行修正;

Bug 现象如图,合并列头后,多行文本列头:


查找错误原因,定位操作的具体位置;

打开IE Developer Toolbar,使用 Select Element By Click 功能找到网格的标题区域;

现在就是分析它的结构,最简单的办法就是看看Height 属性;

将其高度的定义删除掉;现在网格的列头的高度被强制的去掉后,显示一切正常。

那么知道了网格的DHTML的定义和修正办法后,就可以采用一段脚本来自动执行。

现在需要注意的是,脚本执行的顺序;UltraWebGrid 是在页面采用JS初始化的,那么我们的脚本就必须在它之后运行才行;要在它之后运行办法很简单,就是将script标记放到页面的后端去。

修正脚本

有了这样一段脚本,那么这个网格的标题就完美了。

剩下的就是在IE Tester中测试下,IE 6/7/8 标题均无样式问题;如此,即可。




本文转自suifei博客园博客,原文链接:http://www.cnblogs.com/Chinasf/archive/2009/09/04/1560270.html,如需转载请自行联系原作者

相关文章
|
26天前
|
IDE 开发工具 Python
Python自动化操作word--批量替换word文档中的文字
Python自动化操作word--批量替换word文档中的文字
36 0
|
4月前
|
人工智能 搜索推荐
Prompt工程问题之prompt中要求详细的输出内容如何解决
Prompt工程问题之prompt中要求详细的输出内容如何解决
45 4
|
Web App开发
chrome 浏览器在 112 正式版本以及 114 canary 版本从 devtools 控制台复制文本不会复制高亮显示的文本?
chrome 浏览器在 112 正式版本以及 114 canary 版本从 devtools 控制台复制文本不会复制高亮显示的文本?
112 0
老版本word文档打开文字重叠、重影解决方法
老版本word文档打开文字重叠、重影解决方法
206 0
|
机器学习/深度学习 移动开发 Unix
如何使用UE去除复制文本中的空格、换行符和TAB
如何使用UE去除复制文本中的空格、换行符和TAB
如何使用UE去除复制文本中的空格、换行符和TAB
|
安全 Shell Android开发
Airtest输入文本那点事
Airtest输入文本那点事
919 0
|
Python
Mac 技术篇-Geany编辑器批量设置制表符为空格,geany设置默认制表符替换为空格
Mac 技术篇-Geany编辑器批量设置制表符为空格,geany设置默认制表符替换为空格
312 1
Mac 技术篇-Geany编辑器批量设置制表符为空格,geany设置默认制表符替换为空格
|
XML 编译器 PHP
word 使用中遇到的小细节(按空格键后面字不见;从编译器粘贴的代码出现乱码,word标题内容折叠效果实现)
word 使用中遇到的小细节(按空格键后面字不见;从编译器粘贴的代码出现乱码,word标题内容折叠效果实现)
232 0
word 使用中遇到的小细节(按空格键后面字不见;从编译器粘贴的代码出现乱码,word标题内容折叠效果实现)