自定义RadioButton显示问题

您好，请问我想让例子中自定义的radiobutton横着显示，且不消失一直显示，就像图片中那样，该如何修改，麻烦帮忙实现一下，谢谢

Depend 发表于 2017-7-17 13:57
请问这个在V10版本中不能用了,是哪里需要修改呢?  我看API 变化列表,好像CustomCellType被移除了?

您好，这是相应demo的V10版本，您可以进行参考http://runjs.cn/code/wqmlfobx

dexteryao 发表于 2016-9-28 11:14
您好，请参考 http://runjs.cn/code/evyclttm

请问这个在V10版本中不能用了,是哪里需要修改呢?  我看API 变化列表,好像CustomCellType被移除了?

您这个对其他用户也会很有用。

dexteryao 发表于 2017-3-10 11:37
您不需要新建Values 属性，就直接用value保存值就好了。
因为复制的时候，celltype时同一个，所以values ...

感谢您提供的代码,问题已解决.  发现了代码中的一个小问题.

1. var oldValues = sheet.getValue(row, col, sheetArea);       //第一次运行,oldValues为String  
   
2. var newValues = oldValue;
   
3. var vindex = oldValues.indexOf(newValue);

复制代码

可以改为:

1. var oldValues = sheet.getValue(row, col, sheetArea);
   
2. var newValues = [];
   
3. 
   
4. if (oldValues.constructor.name!='Array') {
   
5.     newValues.push(oldValues);
   
6. } else {
   
7.     newValues = oldValues;
   
8. }

复制代码

您不需要新建Values 属性，就直接用value保存值就好了。
因为复制的时候，celltype时同一个，所以values是公用的大家都一样。
可以用getValue获取到oldvalue

1. CheckboxButtonCellType.prototype.processMouseUp = function (hitInfo) {
   
2.     var sheet = hitInfo.sheet;
   
3.     if (sheet && hitInfo.isReservedLocation && hitInfo.reservedLocation >= 0) {
   
4.         var row = hitInfo.row, col = hitInfo.col, sheetArea = hitInfo.sheetArea;
   
5.         var newValue = this._items[hitInfo.reservedLocation];
   
6. 
   
7.         //根据checkbox机制,点击时切换选中状态,那么值存在应该移除它,不存在应该添加它 by wgq
   
8.         //获取原始value进行改变。
   
9.         var oldValues = sheet.getValue(row, col, sheetArea);
   
10.         var newValues = oldValue;
    
11.         var vindex = oldValues.indexOf(newValue);
    
12.         if (vindex>-1) {
    
13.             //说明值存在,移除它
    
14.             newValues.splice(vindex, 1);
    
15.         } else {
    
16.             newValues.push(newValue);
    
17.         }
    
18.         var cellEditInfo = { row: row, col: col, newValue: newValues };
    
19.         var undoAction = new spreadNS.UndoRedo.CellEditUndoAction(sheet, cellEditInfo);
    
20.         sheet.doCommand(undoAction);
    
21.         return true;
    
22.     }
    
23.     return false;
    
24. };

复制代码

你好,我遇到了一个问题,我从RadioButtonCellType修改了一个CheckboxButtonCellType,如下图:



但由于Checkbox需要支持多选,所以我在代码中是这么做的:


我添加了values属性来保存checkbox多选状态的多个值.


在鼠标mouseUp时,更改this.values集合.
可是这么做引起了一个奇怪的问题,当我复制单元格中内容到其它单元格的时候(拖动单元格复制),如下图:



这个时候,可以看到一共有三组Checkbox,无论我更改哪组checkbox,其余两组都会跟着一起变化状态.(当我选中第一行的3,那么其余两行也会被自动选中.)

我意识到可能是values同时被三组Checkbox所引用,但我不太清楚我应该在什么地方保存checkbox组的值.

附件是我的代码: CheckboxButtonCellType.js (11.1 KB, 下载次数: 187)

2017-3-10 10:28 上传

点击文件名下载附件

期待您的回复

Depend 发表于 2017-3-3 08:58
已解决.这个Demo我只修改了Js的334行:

rbCellType.items(["item1", "item11", "this is a radiocell", ...

多谢您的反馈。

dexteryao 发表于 2017-3-2 15:55
可否举个例子
http://runjs.cn/code/evyclttm
这个Demo您都修改了什么

已解决.这个Demo我只修改了Js的334行:

rbCellType.items(["item1", "item11", "this is a radiocell", "item2"]);

修改为

rbCellType.items(["1", "2", "3", "4"]);

然后它就产生了RadioButton不能选中的异常.
经调试发现RadioButtonCellType 这个对象中的绘制方法 RadioButtonCellType.prototype.paint 中有一个运算式在162行:

if(items === value) ...

因为js是弱类型,但items取出的值类型为String 但这里的value 会变为Number  所以等式永远返回false. 错误由此而生.

Depend 发表于 2017-3-2 11:38
发现一个问题,当RadioButton的值为纯数字字符串的时候,radio会在点击一次后变得不可用.  为什么呢

可否举个例子
http://runjs.cn/code/evyclttm
这个Demo您都修改了什么