Question

我在将对话框与可点击按钮连接时遇到问题。我想在单击按钮时显示一个对话框但不幸的是，我无法很好地完成该功能。这是我的代码，我知道它非常糟糕，我需要一些想法或一只手:(谢谢

define: function () {
    var dialog = new Ext.LayoutDialog('test', {
        modal: true;
        height: 500;
        width: 500;)
      };


           var button = new Ext.Button("btn", {
        text: "検索実行",
        handler: this.showdialog.createDelegate(this)
       });
        }
        },

Answer 1

我认为，在创建Ext.LayoutDialog时，将使用的div应该来自div标签然后你只需添加方法addButton，这样layoutdialog就会有按钮。在将配置添加到layoutdialog时不要使用分号，您只能使用逗号，然后最后一个配置不应该有逗号。请访问此链接以了解有关ext＆gt;＆gt;的更多信息http://dev.sencha.com/deploy/ext-1.1.1/docs/：）

var sample = Class.create();

sample.prototype = {

initialize: function () {
    this.define();
}

define: function () {

    var createDialog = function () {

        var dialog = new Ext.LayoutDialog('test', {
            modal: true,
            height: 500,
            width: 500,
            center: {
            autoscroll: true
            }
        });

        button = dialog.addButton({ text: "検索実行" });
        button.on('click', function() {
            //name of the dialog that you want to display
            showdialog.show();
        });

        var layout = dialog.getLayout();
        layout.beginUpdate();
        var center = layout.getRegion('center');
        center.add(new Ext.ContentPanel("test", { titlebar: false }));
        layout.endUpdate();
        }
    }
}

使用Javascript单击按钮时显示的对话框

1 个答案: