升级的浏览器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. 标题锁定，假如需要纵向滚动，表格标题不会被隐藏。

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

评论

69 楼 zack 2007-03-07  

由于我要判断某一单元是否为只读的逻辑比较复杂，有可能还要调用xmlhttp来取后台数据的，如果能够做成去触发一个事件然后再返回是否只读标志就最好了

68 楼 hexiaodong 2007-03-07  

1、为什么非的自己代码设置readonly，可以在列上申明readonly:"表达式",现在这个grid,没有地方为每个单元格保存readonly属性的

2、我给你增加了一个方法，getSelectedRowsValue = function(colNames){},colNames是包含列名的数组，如果colNames==null，返回选中行对象集合；如果colNames!=null，返回经过属性裁剪的行对象的集合

67 楼 zack 2007-03-06  

还有两个问题要问一下楼主：
1、grid.getColByName('zjz').readonly = true;是将所有zjz这列都设置成只读，如果我只想设置当前行的zjz这列为只读应该怎么做？
2、我想取得所有选中行的指定列的值应该怎么取？
谢谢

66 楼 zack 2007-03-05  

那个报错是我的问题的

65 楼 zack 2007-03-05  

还有个问题想问一下的，grid.getColByName('zjz').readonly = true;是将所有zjz这列都设置成只读，如果我只想设置当前行的zjz这列为只读应该怎么做？谢谢

64 楼 zack 2007-03-05  

现在有报错的
行:117
字符:3
代码:0
错误:'object' 未定义
网址:http://127.0.0.1/test/gridedit.jsp

63 楼 hexiaodong 2007-03-05  

试试看新的

62 楼 zack 2007-03-05  

谢谢楼主，还有一个问题：对于string类型的单元格，如果值是""字符串的话，在点击后离开该单元格时，会触发onCellValueChanged事件，而且传递到后台的值是一个"?",如果单元格为非空则不存在这个问题

61 楼 hexiaodong 2007-03-05  

新增行设置值，你可以这样做：
var rowData = new Object();
rowData[property1] = v1;
rowData[property1] = v2;
...
grid.addNewRow(rowData);

60 楼 zack 2007-03-05  

麻烦楼主能够解答一下最后两个问题吗？我们这边急等着解决这两个问题的，谢谢了

59 楼 zack 2007-02-28  

如果我新增了一行后，需要在新增的行中设置一些值，我怎么才可以取到新建行的对象

58 楼 zack 2007-02-28  

还有一个问题，对于string类型的单元格，如果值是""字符串的话，在点击后离开该单元格时，会触发onCellValueChanged事件，而且传递到后台的值是一个"?",如果单元格为非空则不存在这个问题

57 楼 zack 2007-02-28  

我刚才仔细看了一下你的sigmawidgets.js中的定义，重新赋值应该写成
grid.onCellValueChanged = function(evt){
var row = evt.rowData;
var rowId = evt.rowId;
var v = row.p$('number')*row.p$('percent');
grid.setCellValue(rowId,'cusExp',v);
}
就可以了，还有一个问题想问一下的，grid.getColByName('zjz').readonly = true;是将所有zjz这列都设置成只读，如果我只想设置当前行的zjz这列为只读应该怎么做？谢谢

56 楼 zack 2007-02-28  

晕，现在又可以了，不好意思了

55 楼 zack 2007-02-28  

谢谢，还有发现一个问题，如果我在最后新增加了一行的话，现在不会显示出来，需要上下移动一下滚动条才会显示出最后一条的记录。

54 楼 hexiaodong 2007-02-28  

哦，这个问题非三言两语能说清楚的。但我的SigmaMVC框架可以解决这个问题，它首先用一个JsParser把json字符串解析成map，然后用xwork把map解析成java对象。

53 楼 zack 2007-02-28  

第三个问题是如何将json格式的字符串转化为相对应的java对象

52 楼 hexiaodong 2007-02-27  

现在不用在列上设置监听器了，只要实现grid.onCellValueChanged，就能响应所有单元格的变化。

grid.isReadonly = function(col,rowData){}用来判断一个单元格是否只读

第三个问题，不大清楚什么意思，你不是已经有行对象了么？你要封装到什么对象中去？

51 楼 zack 2007-02-27  

那我再来仔细看一下这个是什么问题的？还有三个问题要麻烦一下：
1、如何判断当前单元格是否编辑？
2、对于String类型的单元格，我定义了如下 {name:"cpmc",caption:"产品名称",mode:"string",width:180,listener:"onCellValueChanged"},{name:"cpgg",caption:"产品规格",mode:"string",width:180}。当我先点击该第二个单元格然后再点击其它单元格时，也触发了onCellValueChanged事件。
3、我已经将当前行的值转化成了{"cpmc":"PCS","cpmc":"KKK","l_r_id":8,"_index":7}，我如何将它们封装到相应对象中去。

谢谢

50 楼 hexiaodong 2007-02-27  

grid.onCellValueChanged = function(evt){
var row = evt.rowData;
var rowId = evt.rowId;
var v = row.p$('number')*row.p$('percent');
row.s$("cusExp",v);
grid.setCellValue(rowId,'cusExp',row);
}

我这样写没有问题阿