Question

我对extjs很新，我只想在窗口中实现进度条。

我的代码是：

Ext.require(['Ext.ProgressBar']);

Ext.define('AM.view.user.Edit', {
    extend: 'Ext.window.Window',
    alias: 'widget.useredit',

    requires: ['Ext.panel.Panel'],

    title: 'Job progress',
    layout: {
        type: 'vbox',
        //align : 'stretch',
        pack: 'start',
    },
    autoShow: true,
    height: 500,
    width: 430,
    closable: false,

    initComponent: function () {
        this.items = [{
            var p = Ext.create('Ext.ProgressBar', {
                width: 300
            });

            //Wait for 5 seconds, then update the status el (progress bar will auto-reset)
            p.wait({
                interval: 500, //bar will move fast!
                duration: 50000,
                increment: 15,
                text: 'Updating...',
                scope: this,
                fn: function () {
                    p.updateText('Done!');
                }
            });
        },

我想这不是包含孩子的正确方法..任何人都可以建议我正确的方法。进度条的代码取自sencha docs示例..

谢谢，

Answer 1

您可以通过多种方式添加儿童：例如：

initComponent: function () {
    var p = Ext.create('Ext.ProgressBar', {
            width: 300
        });


    this.items = [p];

    //Wait for 5 seconds, then update the status el (progress bar will auto-reset)
        p.wait({
            interval: 500, //bar will move fast!
            duration: 50000,
            increment: 15,
            text: 'Updating...',
            scope: this,
            fn: function () {
                p.updateText('Done!');
            }
        });    
};

在extjs4窗口中添加进度条

1 个答案: