现在位置: 首页 > easyui > Grid > datagrid > 文章
+2°
2015年02月13日 datagrid ⁄ 共 565字 ⁄ 被围观 8,425 views+
我们在使用Datagrid列属性formatter时,有些场景下,在formatter函数内部,我们需要知道当前列的一些配置信息,比如说 title,filed 等信息,而formatter函数入参只有行索引,值,行数据,那么怎么获取 title,filed 等信息呢? 懒得说的一个问题,但是时不时会有朋友问起,问起这个问题的朋友大多都是javascript底子太薄,其实formatter函数内部的this在运行时默认就是指向当前列的配置对象,且组件内部并没有改变this指向,所以...
阅读全文
+10°
2014年11月14日 datagrid ⁄ 共 976字 ⁄ 被围观 13,449 views+
首先申明:本文所述的Bug存在于1.3.3以及更高版本中,其它低版本,本人未测试,太老的版本不想去折腾了。 洒家在写前端的SQL执行工具时,表格用了 jQuery EasyUI datagrid,因为用户的SQL是千奇百怪的,所以出现了诸如:"BLOCKS*8/1024","trunc(SYSDATE)"之类的列名(field)时,表格就会错位,而且含有特殊字符的列无法手工调整大小。 经分析,datagrid组件在画表格的时候会在宿主DOM后动态追加一个style节点,里面定义列的若干cl...
阅读全文
+39°
2013年08月15日 datagrid ⁄ 共 3613字 ⁄ 被围观 65,176 views+
jQuery  EasyUI的Datagrid组件功能算是很强大了,不过性能确实不怎么乐观,而对于性能问题,网络上几乎也找不到相关的优化资料,所谓的牛人们可能都望而却步了。本博客以后会带着分析Datagrid组件的性能问题,并且给出优化方案,也希望大家能集思广益,给出一些好的想法。 慢在哪些方面 以目前对Datagrid的了解程度去看待性能问题,主要有以下几点: 加载大数据量时比较慢(不考虑服务端返回数据的时间),这点尤其体现在IE浏览...
阅读全文
+6°
2013年08月04日 datagrid ⁄ 共 10952字 ⁄ 被围观 22,735 views+
大家都知道EasyUI的Datagrid组件在加载大数据量时的优势并不是很明显,相对于其他一些框架,如果数据量达到几千,便会比较慢,特别是在IE下面。针对这种情况,我们首要做的是要相办法优化datagrid组件的各方面性能,不过任何事情都是可以变通解决的,virtualScrollView就是一种不错的解决方案。 virtualScrollView的准则就是尽量少画tr到table里,表格的高度是有限的,而用户的可见区域是很有限的,所以数据量很大的时候,是没...
阅读全文
+44°
2013年05月25日 datagrid ⁄ 共 6554字 ⁄ 被围观 37,983 views+
在Easyui的1.3.3版本中,作者新增了tooltip组件,尽管样式看起来也不咋的,但是终归也是官方出品,同时其功能也算是比较丰富。之前我写过一篇《扩展:datagrid鼠标经过提示单元格内容》那就是用纯编码生成的tip,更为丑陋,有了Easyui 1.3.3的tooltip,我们实现起来就很容易了,直接上代码: 实现代码 /**  * Created with JetBrains WebStorm.  * User: cao.guanghui  * Date: 13-6-26  * Time: 下午11:27  * To change...
阅读全文
+0°
2013年03月29日 datagrid ⁄ 共 15990字 ⁄ 被围观 13,067 views+
在Datagrid基础DOM结构的一文中,我对Datagrid组件的骨架做了很详细的描述。有了骨架还并不完整,还得有血有肉有衣服穿才行。强大的Datagrid组件允许我们自己定义如何在基础骨架上长出健壮诱人的身体,我们只要定义Datagrid的视图就可以实现。 在大多数情况下,我们并无特别要求,Datagrid给我们提供了默认的视图,默认视图被使用在90%以上的场景,所以对默认视图的分析显得非常有必要。注意视图里面定义了哪些接口,哪些方法,...
阅读全文
+2°
2013年03月21日 datagrid ⁄ 共 7179字 ⁄ 被围观 13,409 views+
在庞大的Datagrid组件中,有个不起眼的接口:fixRowHeight,这个接口是不是真的是像看起来的那样不起眼呢?就其对外的用途来讲可能是不起眼,因为很少情况会用到这个接口。 然而这个对外接口调用的内部方法确实相当相当重要的,可以说没有它就没有Datagrid华丽的外衣,我将这个内部方法翻译为setRowHeight。通过对源码的分析,我们很容易知道,这个内部方法担负着同步“frozenColumns”和“普通columns”高度等重要功能,话不多说,...
阅读全文
×