SlickGrid 设置行不透明度

发布于 2024-11-16 01:44:51 字数 324 浏览 4 评论 0原文

我正在使用 SlickGrid，想知道是否有一种方法可以设置和保留行的不透明度或 css 样式。

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

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

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

原文

I am using SlickGrid and am wondering if there is a way to set and keep a rows opacity or css styles in general.

For example my rows have a checkbox in them and when the user sets the checkbox to checked then the opacity of the row is set. However when the user then clicks off the row the SlickGrid removes the opacity setting.

One option if anyone knows how to do it is to set the opacity of the row after SlickGrid has done its re-render. this would allow me to use the jQuery below across the entire grid:

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

桃酥萝莉 2024-11-23 01:44:51

为了防止其他人尝试做类似的事情，我通过执行以下操作添加了一个渲染后事件：
在 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');
            });

Just in case anyone else is trying to do something similar, I added a post render event by doing the following:
Added a new method to the API section of SlickGrid and then subscribed to that method and implemented the jQuery to updated the opacity. I then triggered the method inside the render() method of SlickGrid.

To be a bit more clear:

In the slick.grid.js in the "Public API" section i added a new event:

"onPostRenderJob": new Slick.Event(),

I then updated the render() function in the same file:

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

In the page that configures the grid i subscribed to the event:

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

回复收藏 0 原文