FlexGrid的Button列

收藏

我用一下方法讲FlexGrid的一列变成按钮列

flexGrid.itemFormatter = function (panel, r, c, cell) {
if (panel.cellType == wijmo.grid.CellType.Cell) {
      if (c == 0) {
         cell.innerHTML = '<div style="text-align: center;">
                                 + <input type="button" value="btn"'" + 'http://www.baidu.com' + "'" + '" />
                                 + </div>';
      }
}
};

但是列中的按钮要按两次才能触发click事件。（第一次是选中行的效果，第二次才是click）
有没有什么办法可以像正常按钮一样，一次点击就正常触发click？

lingee · lingee

我上传了一个Demo，可以的话麻烦帮我看下。

问题貌似出在main.js的第39行左右。
[theGrid.refreshCells(true)] 这句加上的话，button的click事件触发之前被刷新了，所以click事件无效，只有行选中之后第二次点击button才能正常打开链接。
[theGrid.refreshCells(true)] 这句不加的话，奇偶行以及选中行的背景颜色会出问题。

请问该怎么解决比较好呢？

JeffryLI · JeffryLI

lingee 发表于 2017-7-17 17:53
我上传了一个Demo，可以的话麻烦帮我看下。

问题貌似出在main.js的第39行左右。

您好，这个建议您使用template，来做button，或者自定义单元格内容，不要用ItemFormat,希望能帮到您。

lingee · lingee

能给个例子吗？

JeffryLI · JeffryLI

lingee 发表于 2017-7-17 19:04
能给个例子吗？

哈哈，当然能，请查收附件

lingee · lingee

谢谢提供的例子~ 学到了。不过貌似我的问题依然存在。

如果在你提供的main.js中，加上我需要的以下两段代码（之前我上传的Demo中有），按钮还是要点两次才能触发到。
1.selectionChanged：目的是为了行变换的时候，奇偶行的颜色能正常显示。
2.itemFormatter：里面加了奇偶行背景色的设定。

有什么好的解决办法吗？

JeffryLI · JeffryLI

lingee 发表于 2017-7-19 11:29
谢谢提供的例子~ 学到了。不过貌似我的问题依然存在。

如果在你提供的main.js中，加上我需要的以下两段 ...

哦，我明白您的意思，selectionChanged的事件就是在选择发生变化的时候触发，这样的话，对于点击表格的话，首先会触发selectionChanged的事件，再触发butond的，这个目前还没有好的解决方法。我会反馈这个需求，希望后期能得到改善。

lingee · lingee

好吧~ 明白了多谢。

另外想问下，能帮我解释下用itemFormatter和templete做button的优缺点吗？

JeffryLI · JeffryLI

lingee 发表于 2017-7-19 13:58
好吧~ 明白了多谢。

另外想问下，能帮我解释下用itemFormatter和templete做button的优缺点吗？

对于您说的这个功能，其实两个都能完成，但是template的渲染速度能快一地点，ItemFormatter会一个个单元格判断具体的条件。希望帮得到您。

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

FlexGrid的Button列

8 个回复

本帖子中包含更多资源

本帖子中包含更多资源

元老葡萄