自定义RadioButton显示问题

Depend · Depend

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. 错误由此而生.

Alice · Alice

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

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

多谢您的反馈。

Depend · Depend

本帖最后由 Depend 于 2017-3-10 10:39 编辑

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

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

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

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

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

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

附件是我的代码:

CheckboxButtonCellType.js (11.1 KB, 下载次数: 278)

dexteryao · dexteryao

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

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

复制代码

Depend · Depend

本帖最后由 Depend 于 2017-3-10 11:52 编辑

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

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

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

复制代码

可以改为:

var oldValues = sheet.getValue(row, col, sheetArea);
var newValues = [];
if (oldValues.constructor.name!='Array') {
newValues.push(oldValues);
} else {
newValues = oldValues;
}

复制代码

dexteryao · dexteryao

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

Depend · Depend

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

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

Clark.Pan · Clark.Pan

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

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

		自动登录	找回密码
密码			立即注册

[已处理] 自定义RadioButton显示问题

评分

评分

活字格认证

微信认证勋章

元老葡萄

讲师达人

悬赏达人

SpreadJS 认证

SpreadJS 高级认证