css - ExtJS:隐藏列的魔力

Question

我想知道 ExtJS 如何在没有任何可见的 CSS 更改的情况下隐藏列!

我遇到的问题 - 我无法设置 CSS 规则来隐藏该隐藏列中的子图标。 F.e.如果隐藏的 td 具有“隐藏”类，我可以使用类似的东西:

td.hidden img {display:none;}

但在这种情况下，我只能在渲染器中通过操作 grid.columns[col].isHidden() 来完成。

renderer: function(value,td,record,row,col,store,view) {
    return grid.columns[col].isHidden() ? '' : someFunctionToRenderColumn();
},

没关系，但是如果我显示隐藏列，它不会刷新网格并显示空列。当然，我可以再添加一个事件来显示/隐藏该列，但这太难了!有什么简单的方法吗？

Answer 1

它给它们一个 0px 的宽度:

<colgroup>
    <col class="x-grid-cell-gridcolumn-1023" style="width: 0px;">
</colgroup>

... 这也应该隐藏您的 img。除非你给了他们绝对定位之类的东西。您应该尝试使用 float、margin 和 padding 来定位您的 img。或者您必须使用列的 hide 和 show 事件自行切换 'hidden' 类。