ExtJS 中的浏览按钮

【问题标题】：Browse button in ExtJSExtJS 中的浏览按钮
【发布时间】：2012-01-23 15:30:32
【问题描述】：

我需要在窗口中有一个浏览按钮。我需要类似...

var myWindow = new Ext.window.Window({
                    id:'my-window',
                    height: 200,
                    width: 400,
                    layout: 'fit',
                    buttons:[browseButton]
                    });

所以我想我不能使用那里的文件字段，因为我需要它在窗口的按钮配置中。

是否有任何按钮或处理程序可以用来创建一个弹出浏览窗口的按钮，就像文件字段中的按钮一样？

【问题讨论】：

标签： forms button extjs

【解决方案1】：

例如，您可以在字段上设置一个配置项以仅显示按钮，这样可以：

    myButton = Ext.create('Ext.form.field.File', {
        buttonOnly: true,
        hideLabel: true,
        listeners: {
            'change': function(button, value){
                alert('Selected: '+ value);
            }
        }
    });    

    // your window example
    var myWindow = new Ext.window.Window({
        id:'my-window',
        height: 200,
        width: 400,
        layout: 'fit',
        buttons:[myButton]
    });

    myWindow.show();

【讨论】：

谢谢，我认为即使我使用的是 buttonOnly，它也会将其视为一个字段，并且不会让我将其添加到按钮属性中。