button - 自动时间更新

Question

我在 Sencha-2 的一个按钮上显示当前时间。时间在更新，但只有一次。我要持续更新

以下是我的代码： -

    Ext.define("Stackoverflow.view.Demo", {
    extend: "Ext.Container",
    alias: "widget.demo",
    config: {

            items: [{
                xtype: "toolbar",
                id: 'clocktool',
                docked: "bottom",
                items: [
                    {
                        xtype: 'button',
                        itemId: "clock",
                        id:'clock',
                        text: Ext.Date.format(new Date(),'g:i:s A')

                    }
                ]
            }]

        },  

        initialize: function(){
        console.log("initializing main view");
        Ext.defer(this.refreshDate, 1000, this);

        },
        refreshDate: function() {
        console.log("refreshing date");
        var btn = Ext.getCmp('clock');
        btn.setText(Ext.Date.format(new Date(),'g:i:s A'));
        console.log("done");
        }

    });

提前致谢。也欢迎任何其他在 sencha-2 中显示时间的方法。

Answer 1

当包含按钮的视图启动时，只需执行以下操作：

Ext.defer(this.refreshDate, 1000, this);

然后创建一个名为 refreshDate 的函数：

refreshDate: function() {
  var btn = ... // get your button

  btn.setText(Ext.Date.format(new Date(),'g:i:s A'));

  Ext.defer(this.refreshDate, 1000, this);
}

希望这可以帮助