WebUI框架使用参考
关注jQuery easyui,zTree,my97,highcharts等前台UI的使用

我们在使用Datagrid列属性formatter时，有些场景下，在formatter函数内部，我们需要知道当前列的一些配置信息，比如说 title,filed 等信息，而formatter函数入参只有行索引，值，行数据，那么怎么获取 title,filed 等信息呢？ 懒得说的一个问题，但是时不时会有朋友问起，问起这个问题的朋友大多都是javascript底子太薄，其实formatter函数内部的this在运行时默认就是指向当前列的配置对象，且组件内部并没有改变this指向，所以...

首先申明：本文所述的Bug存在于1.3.3以及更高版本中，其它低版本，本人未测试，太老的版本不想去折腾了。 洒家在写前端的SQL执行工具时，表格用了 jQuery EasyUI datagrid，因为用户的SQL是千奇百怪的，所以出现了诸如:"BLOCKS*8/1024","trunc(SYSDATE)"之类的列名(field)时，表格就会错位，而且含有特殊字符的列无法手工调整大小。 经分析，datagrid组件在画表格的时候会在宿主DOM后动态追加一个style节点，里面定义列的若干cl...

jQuery  EasyUI的Datagrid组件功能算是很强大了，不过性能确实不怎么乐观，而对于性能问题，网络上几乎也找不到相关的优化资料，所谓的牛人们可能都望而却步了。本博客以后会带着分析Datagrid组件的性能问题，并且给出优化方案，也希望大家能集思广益，给出一些好的想法。 慢在哪些方面 以目前对Datagrid的了解程度去看待性能问题，主要有以下几点： 加载大数据量时比较慢(不考虑服务端返回数据的时间)，这点尤其体现在IE浏览...

大家都知道EasyUI的Datagrid组件在加载大数据量时的优势并不是很明显，相对于其他一些框架，如果数据量达到几千，便会比较慢，特别是在IE下面。针对这种情况，我们首要做的是要相办法优化datagrid组件的各方面性能，不过任何事情都是可以变通解决的，virtualScrollView就是一种不错的解决方案。 virtualScrollView的准则就是尽量少画tr到table里，表格的高度是有限的，而用户的可见区域是很有限的，所以数据量很大的时候，是没...

在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...

在Datagrid基础DOM结构的一文中，我对Datagrid组件的骨架做了很详细的描述。有了骨架还并不完整，还得有血有肉有衣服穿才行。强大的Datagrid组件允许我们自己定义如何在基础骨架上长出健壮诱人的身体，我们只要定义Datagrid的视图就可以实现。 在大多数情况下，我们并无特别要求，Datagrid给我们提供了默认的视图，默认视图被使用在90%以上的场景，所以对默认视图的分析显得非常有必要。注意视图里面定义了哪些接口，哪些方法，...

在庞大的Datagrid组件中，有个不起眼的接口：fixRowHeight，这个接口是不是真的是像看起来的那样不起眼呢？就其对外的用途来讲可能是不起眼，因为很少情况会用到这个接口。 然而这个对外接口调用的内部方法确实相当相当重要的，可以说没有它就没有Datagrid华丽的外衣，我将这个内部方法翻译为setRowHeight。通过对源码的分析，我们很容易知道，这个内部方法担负着同步“frozenColumns”和“普通columns”高度等重要功能，话不多说，...