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

Posted 2023-02-26

【中文标题】如何使用 ExtJS 现代 Grid Row 扩展器插件？

【英文标题】：How to use ExtJS modern Grid Row expander Plugin?

【发布时间】：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

【参考方案1】：

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

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

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

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