升级的浏览器UI组件

在“交流web上的UI组件，我来开个头 ”这篇帖子了，我把自己写的一些浏览器UI组件和大家交流了一下，还是由很多人感兴趣的，也对这些组件指出了一些不足之处。

 

最近难得有闲，准备把这些UI组件重写一遍。断断续续写了几天后已经有一些进展了，最先初具形状的是Grid组件。但该组件和原先的SigmaGrid并不相同，在新的版本中，我想把它和SigmaList功能合二为一。在旧的版本中，SigmaGrid主要用于少量对象集合的编辑和展示，比如：在订单编辑界面中，可以SigmaGrid来展示和编辑订单明细对象。而SigmaLIst主要用于大量对象集合的展示，不具备编辑功能，它主要用于一些报表界面中。在新的SigmaWidgets中，我希望SigmaGrid具备以上所有功能。

 

但目前还没有完整实现我的设想，到目前为止新版的SigmaGrid仅仅实现了旧版中SigmaList功能，但这次实现已经具备跨浏览器能力，至少，它可以很好地运行在ie和firefox下。列一下目前的功能吧：

1. 跨浏览器。
2. 可以加载大数据量，事实上无论你绑定的数据中有多少个对象，组件只会画出当前可见的那些对象。因此，组件绑定数据本身的过程是很短暂的。但滚动条滚动的过程不是很流畅。
3. 嵌套的表头定义，不限层次。
4. 丰富的列属性可供设置：你可以指定每一列数据来自对象的哪个属性、属性值类型、列宽度、列align方式、列标题。可申明的值类型暂时只包含：string、number、date、boolean、link、select、percent。其中number和percent还可以指定小数位格式，比如#.00表示强制保留两位小数。
5. 支持ognl方式定义列的数据源，假如，表格绑定的是person集合，person关联到部门，那么你可以把显示部门名称的这一列申明为name:”deparment.name”。
6. 列锁定，你可以指定表格最前面多少列是不允许横向滚动的。
7. 标题锁定，假如需要纵向滚动，表格标题不会被隐藏。

废话少说，大家下载代码看看吧。希望能看到热烈的交流。

评论

9 楼 godson_2003 2007-02-01  

好快啊

8 楼 hexiaodong 2007-02-01  

新增了单元格焦点管理和编辑功能。

7 楼 hexiaodong 2007-01-30  

zack 写道

新的我已经下载了进行调试的，发现滚动时候反映很慢的

不会吧，我这里滚动的时候反映还是比较快的呀，无论firefox还是ie。

6 楼 zack 2007-01-30  

新的我已经下载了进行调试的，发现滚动时候反映很慢的

5 楼 zack 2007-01-30  

老兄真是太努力了，以前的compents加载22列187行的数据需要2-3分钟的，希望新的能够加快加载速度。我测试了一下以前主要是慢在bindData上的

4 楼 hexiaodong 2007-01-30  

再增列宽调整功能和按列排序功能。

接下去要增强的是cell编辑功能

3 楼 zack 2007-01-29  

非常期待正式版的推出，谢谢lz的努力

2 楼 hexiaodong 2007-01-29  

再增“表达式”支持功能，允许申明“表达式列”，列申明格式示例如下：{name:"customExp",caption:"表达式列",mode:"number",format:"#.00",width:80,exp:"p$('number')*p$('percent')"}。这个列的值通过表达式计算得到，这里的表达式表示：取列number和列percent的值并相乘。

1 楼 hexiaodong 2007-01-29  

新增了聚合功能，允许客户代码设置某些列的聚合函数，grid能够根据聚合函数生成合计行。目前允许的聚合函数有：sum,avg,min,max。