如何使用 ExtJS 现代 Grid Row 扩展器插件？答案

【问题标题】：How to use ExtJS modern Grid Row expander Plugin?如何使用 ExtJS 现代 Grid Row 扩展器插件？
【发布时间】：2017-02-22 08:44:17
【问题描述】：

如何使用 Kitchensink 中使用的网格行扩展器插件？当我们提供 itemConfig 正文标签和插件列表时，这是行不通的。

只有在我们像下面这样在外部提及该列之后，它才起作用。此外，行号单元格显示的数字不超过一个，即使在设置宽度后它也不起作用。

columns: [{
        //expander is not displayed without adding this expander column
        text: '',
        width: 50,
        resizable: false,
        hideable: false,
        sortable: false,
        editable: false,
        ignore: true,
        ignoreExport: true,


        cell: {
            xtype: 'expandercell',
        }
    },{
....
}]

没有 Docx 可供使用 http://docs.sencha.com/extjs/6.2.0/m...wExpander.html

找到小提琴 https://fiddle.sencha.com/#view/editor&fiddle/1qnr

【问题讨论】：

标签： javascript html extjs extjs6-modern

【解决方案1】：

当您指定网格配置时，plugins 必须在列下指定。

检查这个小提琴https://fiddle.sencha.com/#view/editor&fiddle/1qov它和你的一样，只是插件放在列下。

然而，这不是 ExtJS 中的通用方法，通常在哪里指定配置并不重要，但对于 rowexpander 似乎是必要的。

rownumberer 的第二个问题看起来像一个错误。当你把超过100它会再次确定。此外，当您使用 Triton 主题时，也可以。使用 Material 主题时，行的宽度似乎计算不正确。

【讨论】：