Question

我在选项中创建了一个拆分按钮。我需要从单击按钮旁边的单击按钮单击的选项的值。我尝试了下面编写的代码，但它没有显示该选项。建议将不胜感激。

Ext.create('Ext.button.Split', {
renderTo: Ext.getBody(),
text: 'Options',
    handler: function() {
    alert("The button was clicked");
},
menu: new Ext.menu.Menu({
    items: [
        {text: 'Item 1', handler: function({
           Ext.create('Ext.form.field.Display', {
                        value: 'Item 1'}
                    )}
                },
        {text: 'Item 2', handler: function(){ {
           Ext.create('Ext.form.field.Display', {
                        value: 'Item 2'}
                    )}
                }
          ]
     })
});

Answer 1

首先，你不要在任何地方渲染显示字段，只需创建（JS）对象（如Evan所说）。

其次，我怀疑每次选择选项时都必须创建显示字段。只需在您的应用中添加单个显示字段并更新其值即可。

Simple fiddle

Answer 2

尝试这个小提琴可能会给你一些想法Fiddle

你尝试的方式是错误的，你无法直接创建 Ext.form.DisplayField 而没有容器

显示拆分按钮选项

2 个答案: