V15.2.5 SpreadJS 右键菜单内容未及时更新

Joestar.Xu

本帖最后由 Richard.Huang 于 2024-5-29 11:58 编辑

产品：SpreadJS
版本：V15.2.5

场景：
右键菜单的内容根据选择的行数据决定

操作步骤：
1、默认无查询内容，渲染菜单内容--查询0
image.png157376097.png

2、右键点击第N行数据，发起请求，响应菜单内容为查询1，但渲染结果为查询0
image.png846520995.png

3、右键点击第M行数据，发起请求，响应菜单内容为查询2，但渲染结果为查询1
image.png266593932.png

期望结果：
正常渲染
伪代码:

// 默认菜单
const [rightBtn, setRightBtn] = useState([{
id: '0',
text: '查询0',
}]);
/**
* @description: 点击行的回调函数
* @param {string} rowData
* @param {*} columnName
* @param {number} rowNumber 第N行
* @return {*}
*/
const getMenuData = async (rowData: string[], columnName: [string[]], rowNumber: number) => {
// 模拟请求
await new Promise<void>((resolve, reject) => {
setTimeout(() => {
if (rowNumber === 4)
setRightBtn([
{
id: '1',
text: '查询1',
},
]);
if (rowNumber === 5)
setRightBtn([
{
id: '2',
text: '查询2',
},
]);
}, 10);
});
}
<Excel
rightBtn={rightBtn}
getMenuData={getMenuData}
/>

复制代码

原因分析：
异步问题，数据未update，菜单已弹出，且dom不在更新

Joestar.Xu · Joestar.Xu

您好，这个API还是基于SpreadJS原生的右键菜单，无法实现您的需求。

我上文中提到的自定义的意思是完全禁用SpreadJS原生的右键菜单，然后您自行设计右键菜单来实现您异步的需求。

Joestar.Xu · Joestar.Xu

您好，SpreadJS原生的右键菜单不支持这样的异步操作，您可以替换SpreadJS原生的菜单，使用第三方或自定义的菜单来实现您的需求。

atwlee · atwlee

Joestar.Xu 发表于 2024-5-16 13:37
您好，SpreadJS原生的右键菜单不支持这样的异步操作，您可以替换SpreadJS原生的菜单，使用第三方或自定义的 ...

您说的自定义菜单是这个api吗https://demo.grapecity.com.cn/spreadjs/help/api/classes/GC.Spread.Sheets.ContextMenu.MenuView

atwlee · atwlee

atwlee 发表于 2024-5-16 14:13
您说的自定义菜单是这个api吗https://demo.grapecity.com.cn/spreadjs/help/api/classes/GC.Spread.Sheet ...

我试了试，也还是不行。问题的原因是当我右键后菜单已经弹出来了，这时候对于菜单的任何操作都不会引起他的改变了，除非关闭后再次打开。

atwlee · atwlee

Joestar.Xu 发表于 2024-5-16 17:35
您好，这个API还是基于SpreadJS原生的右键菜单，无法实现您的需求。

我上文中提到的自定义的意思是完全 ...

好的，感谢

Joestar.Xu · Joestar.Xu

不客气，那就先结贴了，后续有其他问题的话随时开新帖提问哈。

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

[已处理] V15.2.5 SpreadJS 右键菜单内容未及时更新