getCellBoundingRect 获取单元格坐标有误差？！！

KevinChen · KevinChen

好的，您的问题正在分析处理，预计明天之内给您答复~

KevinChen · KevinChen

您好，这个问题已经解决了，关键代码如下：

flex.addEventListener(flex.hostElement, 'click', (e) => {
let $hit = flex.hitTest(e)
let $rowIndex = $hit.row
let $colIndex = $hit.col
if(Math.sign($rowIndex) === -1 || Math.sign($colIndex) === -1){
return false
} // 判断负数
/* 显示(放大镜)帮助索引 */
// 这里需要传入第三个参数true，获取到的才是相对于flexGrid层的坐标
let rcCell = flex.getCellBoundingRect($rowIndex, $colIndex, true) // 单元格坐标
/*
let rcBody = document.body.getBoundingClientRect() // body坐标
let ptOffset = new wjcCore.Point(-rcBody.left, -rcBody.top)// 新坐标
this.helpIndex = {
left: rcCell.left - 1 + ptOffset.x + 'px',
top: rcCell.top - 1 + ptOffset.y + 'px'
}
*/
// 这里需要加上单元格的宽、高度，再加上图标本身的宽度38
this.helpIndex = {
left: rcCell.left + rcCell.width + 38 + 'px',
top: rcCell.top + rcCell.height + 'px'
}
// console.log('坐标', rcCell.left - 1 + ptOffset.x, rcCell.top - 1 + ptOffset.y)
})

复制代码

完整的Demo已经上传到附件中，请下载运行参考。

@city_CH2017 · @city_CH2017

本帖最后由 @city_CH2017 于 2019-9-18 18:43 编辑

KevinChen 发表于 2019-9-18 16:24
您好，这个问题已经解决了，关键代码如下：
完整的Demo已经上传到附件中，请下载运行参考。

非常感谢管理员的解答。但我下载了demo，发现在出现滚动条的时候，还是会出现不对齐现象。

如果获取相对于FlexGrid层的坐标，那么我使用滚动条的时候，小方块会随着Cell高度而发生变化。

@city_CH2017 · @city_CH2017

KevinChen 发表于 2019-9-10 20:22
您好，咱们可以换个逻辑实现：

还有个小问题：FlexGrid Column使用format属性进行格式化内容。在编辑模式下，新增和修改的数据数据也会受到format格式化的影响。我想问怎么让编辑的数据(数据源，也就是itemsAdded，itemsEdited，itemsRemoved)，不受到format的影响，但表格内容会格式化

KevinChen · KevinChen

您好，实际上在编辑时，format是不会影响数据源的，您可以参考示例：

https://demo.grapecity.com.cn/wi ... nding/Basics/purejs

如果我理解有误，请指出

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

[已处理] getCellBoundingRect 获取单元格坐标有误差？！！

本帖子中包含更多资源

本帖子中包含更多资源

讲师达人

悬赏达人

元老葡萄

SpreadJS 认证

SpreadJS 高级认证

微信认证勋章