2012-02-28 64 views
3

我注意到最新版本的slick-grid在列上有一个'headerCssClass'属性,除非我仅限于使用slick-grid版本1.4.3,否则这个属性会很好用。有没有办法在slick-grid 1.4.3中动态改变单个头的类?

我正在扩展滑动网格以添加多个列排序功能,并且需要相应地设置每个排序标题的类。因此,为了重新提出这个问题,是否有人知道动态更改slick-grid 1.4.3中任何给定头的类的方法?

回答

0

我真的不喜欢这个解决方案,因为它是不是最好使用jQuery来修改油滑的网格,但这里有云:

var headers = $('.slick-header-columns').get(0).children; 

删除任何非默认c从所有的标题(即$(headers).removeClass('slick-header-column-sorted')

迭代通过光滑格的列和使用jQuery通缉列索引

var header = headers[wantedColIdx]; 
$(header).addClass('yourClass'); 
0

我想你可以用jQuery来做到这一点。

用某个名字添加一个空白的css类。

然后你可以调用addClass和removeClass动态地改变类。

http://api.jquery.com/addClass/

http://api.jquery.com/removeClass/

jQuery('.my-class').addClass('new-header-class'); 
+0

雅在加个班,我曾想过这样做姑娘的信息,但我认为唯一可以访问正确的标题单元格以更改它的类的方法是为光滑网格定义onClick()函数,并覆盖当前单元格恰好是标题单元格时正在执行的操作 - 这可能会起作用,除非它似乎暗示潜在的未知问题。 – JoughTheFun 2012-02-28 21:52:56

+0

此外,如果单元格不表示实际项目,则'onClick'事件似乎不会被触发(所以对于标题单元格不起作用)。 – JoughTheFun 2012-02-28 22:27:49

+0

你可以从任何地方拨打电话,只要你有'我的班'或其他任何加入你所关心的内容,就不需要onclick。 – Craig 2012-03-01 20:56:58

相关问题