使用setCellType后下拉功能点击无效

收藏

本帖最后由 Derrick.Jiao 于 2021-10-20 17:08 编辑

使用setCellType后下拉功能点击无效

const newCellType = cursorCellTypeCreator(msgCellType)
      newCellType.userList.unshift({
         userId: msg.userId,
         userName: msg.userNick,
         color: configer.userFlagColor[otherUserList[i].rainbowIndex]
      })
      sheet.setCellType(row, col, newCellType)

再次点击下拉后就无效了，需要双击把单元格改变到编辑状态，才能去点击下拉

image.png954711608.png

Derrick.Jiao · Derrick.Jiao

你好，请参考附件的demo，修改getHitInfo里面的代码

Derrick.Jiao · Derrick.Jiao

你好，请问你使用的版本是多少呢？请把完整能复现问题的代码以及demo提供一下，这边调研一下。另外，这边也提供一个demo，也可以在上面复现你的问题。

宛若无垠 · 宛若无垠

Derrick.Jiao 发表于 2021-10-18 09:50
你好，请问你使用的版本是多少呢？请把完整能复现问题的代码以及demo提供一下，这边调研一下。另外，这边也 ...

你好，我使用咱们的提供的也是这样子，麻烦给看下，谢谢，是不是哪里写的有问题

宛若无垠 · 宛若无垠

本帖最后由宛若无垠于 2021-10-18 17:04 编辑

<head>
<meta charset="UTF-8" />
<link
rel="stylesheet" type="text/css" />
<script src="http://cdn.grapecity.com/spreadjs/hosted/scripts/gc.spread.sheets.all.14.1.6.min.js"></script>
<script src="http://cdn.grapecity.com/spreadjs/hosted/scripts/interop/gc.spread.excelio.14.1.6.min.js"></script>
<script src="https://cdn.grapecity.com.cn/spreadjs/scripts/jquery-1.11.1.min.js" type="text/javascript"></script>
<style>
.sample-tutorial {
position: relative;
height: 100%;
overflow: hidden;
}
.sample-spreadsheets {
width: calc(100% - 280px);
height: 100%;
overflow: hidden;
float: left;
position: relative;
}
</style>
</head>
<body>
<div id="ss" class="sample-spreadsheets"></div>
<script>
var spreadNS = GC.Spread.Sheets;
$(document).ready(function () {
var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"), { sheetCount: 3 });
var sheet = spread.getActiveSheet();
spread['ExcelClient'] = {}
spread['ExcelClient'].otherUserList = [
{
"userId": "1312312312",
"selectList": [
{
"sheetName": "Sheet1",
"row": 0,
"col": 1
}
],
"rainbowIndex": 2
}
]
var combo = new spreadNS.CellTypes.ComboBox();
combo.items([{ text: "Oranges", value: "11k" }, { text: "Apples", value: "15k" }, { text: "Grape", value: "100k" }])
.editorValueType(spreadNS.CellTypes.EditorValueType.text);
sheet.getCell(1, 2, spreadNS.SheetArea.viewport).cellType(combo).value("Apples");
sheet.setValue(1, 1, "ComboBoxCellType");
const msgCellType = sheet.getCellType(1, 2)
const newCellType = cursorCellTypeCreator(msgCellType)
sheet.setCellType(1, 2, newCellType)
setTimeout(()=>{
let msg = {
"sheetIndex": 0,
"sheetName": "Sheet1",
"userId": "1231231231321",
"userNick": "王**",
"range": {
"row": Math.floor(Math.random() * 10),
"rowCount": 1,
"col": Math.floor(Math.random() * 10),
"colCount": 1
},
"type": "changeSelection",
"msgId": "1231312313123",
"agentFlag": "1231313213"
}
updateOtherSelection(msg,spread)
},2000)
});
// 协作者光标单元格类型
function cursorCellTypeCreator(cellType){
if (cellType.typeName === 'CursorCellType') {
return cellType
}
class CursorCellType extends cellType.constructor {
getHitInfo(x, y, cellStyle, cellRect, context) {
const info = { x: x, y: y, row: context.row, col: context.col, cellRect: cellRect, sheetArea: context.sheetArea }
return info
}
processMouseEnter(hitInfo) {
this.showName = true
hitInfo.sheet.repaint()
}
processMouseLeave(hitInfo) {
this.showName = false
hitInfo.sheet.repaint()
}
paint(ctx, value, x, y, w, h, style, context) {
if (ctx) {
ctx.save()
super.paint.apply(this, [ctx, value, x, y, w, h, style, context])
// 绘制单元格矩形框开始
ctx.strokeStyle = 'orange'
ctx.lineWidth = 2
ctx.strokeRect(x + 2, y + 2, w - 4, h - 4)
if (this.showName) {
ctx.fillStyle = 'red'
ctx.font = '14px Arial'
const textWidth = parseInt(ctx.measureText('hover效果').width) // 获取文字要占据的宽度
const paintY = context.row === 0 ? y + h + 20 : y
ctx.fillRect(x + w - (textWidth + 10), paintY - 20, textWidth + 10, 20)
ctx.fillStyle = 'white'
ctx.fillText('hover效果', x + w - 5, paintY - 5)
}
ctx.restore()
}
}
}
const newCellType = new CursorCellType()
Object.assign(newCellType, cellType)
return newCellType
}
// 处理协作者光标变化
function updateOtherSelection(msg, spread) {
const sheet = spread.getSheetFromName(msg.sheetName)
if (sheet) {
const row = msg.range.row < 0 ? 0 : msg.range.row
const col = msg.range.col < 0 ? 0 : msg.range.col
const otherUserList = spread.ExcelClient.otherUserList || []
for (let i = 0; i < otherUserList.length; i++) {
if (otherUserList[i].userId === msg.userId) {
let oldCellType
for (let j = 0; j < otherUserList[i].selectList.length; j++) {
// 清除光标数据&清除光标单元格
if (otherUserList[i].selectList[j].sheetName === msg.sheetName) {
oldCellType = sheet.getCellType(otherUserList[i].selectList[j].row, otherUserList[i].selectList[j].col)
if (oldCellType.typeName === 'CursorCellType') {
for (let k = 0; k < oldCellType.userList.length; k++) {
if (oldCellType.userList[k].userId === msg.userId) {
oldCellType.userList.splice(k, 1)
sheet.repaint(sheet.getCellRect(otherUserList[i].selectList[j].row, otherUserList[i].selectList[j].col, 1, 1))
break
}
}
}
// 设置新的光标数据
otherUserList[i].selectList[j].row = row
otherUserList[i].selectList[j].col = col
break
}
}
// 设置新的光标数据
if (!oldCellType) {
otherUserList[i].selectList.push({sheetName: msg.sheetName, row: row, col: col})
}
// 设置新的光标单元格
const msgCellType = sheet.getCellType(row, col)
if (msgCellType.typeName === 'CursorCellType') {
for (let m = 0; m < msgCellType.userList.length; m++) {
if (msgCellType.userList[m].userId === msg.userId) {
msgCellType.userList.splice(m, 1)
break
}
}
sheet.repaint(sheet.getCellRect(row, col, 1, 1))
} else {
const newCellType = cursorCellTypeCreator(msgCellType)
sheet.setCellType(row, col, newCellType)
}
break
}
}
}
}
</script>
</body>
</html>

复制代码

宛若无垠 · 宛若无垠

初步判断是getHitInfo导致的，但是具体bug在哪里不太清楚，麻烦给看下，谢谢

Derrick.Jiao · Derrick.Jiao

宛若无垠发表于 2021-10-18 17:12
初步判断是getHitInfo导致的，但是具体bug在哪里不太清楚，麻烦给看下，谢谢

问题已收到，这边需要做进一步调研，此贴为你改为保留处理，有进展会在本帖更新。

宛若无垠 · 宛若无垠

Derrick.Jiao 发表于 2021-10-18 18:22
问题已收到，这边需要做进一步调研，此贴为你改为保留处理，有进展会在本帖更新。

谢谢，感激不尽

Derrick.Jiao · Derrick.Jiao

宛若无垠发表于 2021-10-18 18:30
谢谢，感激不尽

客气，这边有进展也会在本帖更新。

宛若无垠 · 宛若无垠

Derrick.Jiao 发表于 2021-10-18 18:39
客气，这边有进展也会在本帖更新。

大佬怎么样了，有啥进度不

Derrick.Jiao · Derrick.Jiao

宛若无垠发表于 2021-10-19 17:24
大佬怎么样了，有啥进度不

暂时还没有哈，我们这边新版本的研发、bug修复和问题的处理是同步进行的。会根据优先级进行安排查看的。有进展这边也会更新。你也可以关注我们的公众号：葡萄城社区，有回复了也会推送。

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

[已处理] 使用setCellType后下拉功能点击无效

14 个回复

SpreadJS 高级认证

讲师达人

GrapeCity

悬赏达人

SpreadJS 认证