SlickGrid 设置行不透明度答案

【问题标题】：SlickGrid setting row opacitySlickGrid 设置行不透明度
【发布时间】：2011-09-18 18:19:23
【问题描述】：

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

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

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

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

【问题讨论】：

标签： jquery slickgrid

【解决方案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');
            });

【讨论】：

很好的解决方案！你能把它发给 SlickGrid 作者吗？我认为有必要在所有版本中包含。
@Dave 你知道，如果这已经在“标准”SlickGrid 中实现了吗？通过查看当前来源，我无法发现任何明显的后期渲染。你联系过 Tin 吗？
@Dave 你知道你的补丁在异步渲染中的表现吗？

【解决方案2】：

这个公认的答案是绝对错误的，但我不怪作者，因为这是在 2 年前发布的，而且是因为 SlickGrid 的一个非常旧的版本。

请参阅https://github.com/mleibman/SlickGrid/wiki/Providing-data-to-the-grid，了解如何在不影响性能的情况下正确执行此操作。

【讨论】：