javascript - 如何获得ExtJs RowExpander仅在某些行上显示图标([+])？

我正在使用RowExpander来显示有关网格中每一行的其他信息。有些行没有任何其他信息。对于这些行，如何使展开图标（加号）不显示？是否有可以像过滤器一样使用的功能？

我在这里看到过类似的问题，它说有一个名为renderer（）的函数，但我尝试过，但并未被调用。

最佳答案

我想出了解决这个问题的办法。我扩展了RowExpander的插入并复制并将getHeaderConfig函数粘贴到我的新插件中。这使我可以对呈现器功能进行必要的更改，以检查每个记录是否在rowBody / rowExpander中显示任何内容

Ext.define('MyApp.plugins.RowExpander', {
    extend: 'Ext.grid.plugin.RowExpander',
    alias: 'plugin.rowexpanderplus',
    getHeaderConfig: function () {
        var me = this;

        return {
            width: 24,
            lockable: false,
            sortable: false,
            resizable: false,
            draggable: false,
            hideable: false,
            menuDisabled: true,
            tdCls: Ext.baseCSSPrefix + 'grid-cell-special',
            innerCls: Ext.baseCSSPrefix + 'grid-cell-inner-row-expander',
            renderer: function (value, metadata, record, a, b, store, grid) {
                if (record.data.notes.length === 0) {
                    return '<div></div>';
                }

                // Only has to span 2 rows if it is not in a lockable grid.
                if (!me.grid.ownerLockable) {
                    metadata.tdAttr += ' rowspan="2"';
                }
                return '<div class="' + Ext.baseCSSPrefix + 'grid-row-expander" role="presentation"></div>';
            },
            processEvent: function (type, view, cell, rowIndex, cellIndex, e, record) {
                if (type == "mousedown" && e.getTarget('.' + Ext.baseCSSPrefix + 'grid-row-expander')) {
                    me.toggleRow(rowIndex, record);
                    return me.selectRowOnExpand;
                }
            }
        };
    }
});

这不是我想要做的，但是我查看了插件的源代码，但看不到钩住渲染器的方法。