Question

假设我在Sencha Touch 2应用程序的启动功能中有这个代码。

var toolbar = {
    xtype: 'toolbar',
    items: [
        {
            text: 'Show message',
            listeners: {
                tap: function() {
                    Ext.Msg.alert('', 'Some message');
                }
            }
        }
    ],
    docked: 'top'
};

var main = {
    xtype: 'component'
};

Ext.Viewport.add([toolbar, main]);

为什么单击“显示消息”时显示的消息也不会使停靠的工具栏变灰？

Answer 1

工具栏应该是main的子项，而不是视口的子项，要包含在模式对话框掩码后面。 main也应该是panel的一个实例。例如：

    ...
    var main = {
        xtype: 'panel',
        items: [toolbar]
    };

    Ext.Viewport.add(main);

这是一个演示正确行为的Sencha小提琴：https://fiddle.sencha.com/#fiddle/8gp

为什么工具栏不会被模态消息灰显？

1 个答案: