SlickGrid设置行不透明度
我正在使用SlickGrid,我想知道是否有一种方法来设置和保持行不透明度或css样式。
例如,我的行中有一个复选框,当用户将复选框设置为选中时,则设置行的不透明度。 但是,当用户单击该行时,SlickGrid将删除不透明度设置。
一个选项,如果有人知道如何做到这一点是在SlickGrid完成重新渲染后设置行的不透明度。 这将允许我在整个网格中使用下面的jQuery:
$('img[src="slickgrid/images/tick.png"]').parent().parent().css('opacity','0.4');
为了防止其他人试图做类似的事情,我通过执行以下操作添加了一个后期渲染事件:向SlickGrid的API部分添加了一个新方法,然后订阅了该方法并实现了jQuery以更新不透明度。 然后我在SlickGrid的render()方法中触发了该方法。
更清楚一点:
在“Public 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'); });
这个被接受的答案是完全错误的,但我不会责怪作者,因为这是在2年前发布的,而且是一个非常旧版本的SlickGrid。
有关如何在不破坏性能的情况下正确执行此操作的信息,请参阅https://github.com/mleibman/SlickGrid/wiki/Providing-data-to-the-grid 。