Question

我有一个带工具栏的基本网格，但想要使用工具栏的插件。我可以手动编写代码，但是我希望能够使用Architect 2.这是一段代码......

{
    xtype: 'gridpanel',
    title: 'My Grid Panel',
    columns: [
        {
            xtype: 'gridcolumn',
            dataIndex: 'string',
            text: 'String'
        },
        {
            xtype: 'numbercolumn',
            dataIndex: 'number',
            text: 'Number'
        }
    ],
    dockedItems: [
        {
            xtype: 'pagingtoolbar',
            dock: 'bottom',
            width: 360,
            displayInfo: true,
            plugins: new Ext.ux.ProgressBarPager()
        }
    ]
}

plugins: new Ext.ux.ProgressBarPager()是我无法使用Architect 2添加的行。我无法在配置面板上的任何位置找到plugins属性。有关如何添加插件的任何想法吗？

Answer 1

我认为您可以做的是覆盖您的pagingtoolbar，并执行以下操作：

Ext.define('MyApp.view.override.ProgressBarPager.PagingToolbar', {
requires: 'MyApp.view.ProgressBarPager.PagingToolbar'
}, function() {
    Ext.override(MyApp.view.ProgressBarPager.PagingToolbar, {
        initComponent: function () {
            this.plugins = [new Ext.ux.ProgressBarPager()];
            this.callParent(arguments);
        }
    }); 
});

Answer 2

我知道问题出在早期版本的SA上。在SA 4.2.3中，您可以通过在配置上方的编辑器中键入属性名称并按Enter键来添加未出现在配置列表中的组件属性。然后，您可以将属性值的类型更改为适合您需要的值。使用此方法，您可以添加插件属性，然后您可以将其设置为Array类型，然后编辑该值，您可以输入类似[{ptype: 'datatip'}]的内容或您的[new Ext.ux.ProgressBarPager()]

Sencha Ext JS Architect - 如何添加插件

2 个答案: