2011-06-20 155 views
1

我正在使用SlickGrid,并且想知道是否有一种方法来设置并保留一般行的不透明或CSS样式。SlickGrid设置行不透明度

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

如果有人知道如何去做,一个选择是在SlickGrid完成其重新渲染后设置行的不透明度。这将让我在整个电网使用jQuery的下面:

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

回答

2

万一其他人试图做同样的事情,我添加了一个后通过执行以下操作渲染事件: 增加了一个新的方法SlickGrid的API部分,然后订阅该方法并实现jQuery更新不透明度。然后我触发了SlickGrid的render()方法。

要多一点明确:

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

"onPostRenderJob": new Slick.Event(), 

然后我更新了渲染()函数在同一个文件:

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'); 
      }); 
+0

伟大的解决方案!你可以将它发送给SlickGrid作者吗?我认为所有版本都需要包含。 –

+0

@Dave你知道吗,如果这已经在“标准”SlickGrid中实现?从目前的来源看,我不能发现任何明显的后期渲染。你有没有联系Tin? – snies

+0

@Dave你也知道,你的补丁如何表现异步渲染? – snies