Question

我正在使用SlickGrid，我想知道是否有办法设置并保持行不透明度或css样式。

例如，我的行中有一个复选框，当用户将复选框设置为选中时，则会设置行的不透明度。但是，当用户点击该行时，SlickGrid将删除不透明度设置。

如果有人知道怎么做，一个选项是在SlickGrid完成重新渲染后设置行的不透明度。这将允许我在整个网格中使用下面的jQuery：

$('img[src="slickgrid/images/tick.png"]').parent().parent().css('opacity','0.4');

Answer 1

为了防止其他人试图做类似的事情，我通过执行以下操作添加了一个后期渲染事件：在SlickGrid的API部分添加了一个新方法，然后订阅了该方法并实现了jQuery来更新不透明度。然后我在SlickGrid的render（）方法中触发了该方法。

更清楚一点：

在“公共API”部分的slick.grid.js中，我添加了一个新事件：

"onPostRenderJob": new Slick.Event(),

然后我在同一个文件中更新了render（）函数：

function render() {
        // all the standard code here...
        trigger(self.onPostRenderJob);
    }

在配置网格的页面中，我订阅了该活动：

 grid.onPostRenderJob.subscribe(function(e, args) {
                $('img[src="slickgrid/images/tick.png"]').parent().parent().css('opacity', '0.4');
            });

Answer 2

这个被接受的答案是绝对错误的，但我不会责怪作者，因为这是在2年前发布的，并且是关于SlickGrid的旧版本。

有关如何正确执行此操作而不会降低性能的信息，请参阅https://github.com/mleibman/SlickGrid/wiki/Providing-data-to-the-grid。

SlickGrid设置行不透明度

2 个答案: