Sencha Touch 2.0 进度指示器

Posted 2023-02-25

【中文标题】Sencha Touch 2.0 进度指示器

【英文标题】：Sencha Touch 2.0 Progress Indicator

【发布时间】：2018-05-22 11:46:35

【问题描述】：

我必须使用 Sencha touch 2.x 在不同的 ajax 请求中添加完成百分比的进度指示器，例如，如果我有 2 个 Ajax 请求进度指示器将在服务器响应成功后在每个请求上显示 50% 完成。

【问题讨论】：

并发 Ajax 请求？

实际上我对不同的任务有 2 个或更多不同的 ajax 请求，所以我想在每次成功完成后对用户做出响应，Task1 已经完成等等希望现在更清楚了想在 sencha touch 中使用进度指示器或其他东西解决这个问题

【参考方案1】：

这里有另一种不用progressIndicator的方法来解决：

FIDDLE

Ext.application(
    name : 'Fiddle',

    launch : function() 


        var progressIndicator = Ext.create('Ext.Panel', 
            html: '<table  style="height:30px; width:100%">'+
                  '<tr>'+
                  '<td id="start" style="background-color:green;width:1%"></td>'+
                  '<td id="end"></td>'+
                  '</tr></table>',
            centered : true,
            modal    : true,
            hideOnMaskTap : true,
            width    : '50%',
            height   : '80',
         );

        var progress = 1;

        //progressIndicator.updateBar();
        Ext.Viewport.add(progressIndicator);
        progressIndicator.show();


        var intervalProgress=setInterval(function()
            //console.log(progress);
            progress+=1;

            document.getElementById("start").style.width = (progress) +'%';
            //progressIndicator.setProgress(progress);
            //progressIndicator.updateBar();
            if(progress >= 100)
                clearInterval(intervalProgress)
            
        ,100)
    
);

【讨论】：

OP 在 sencha 2.0 中请求，而在 2.0 中没有 ProgressIndicator

谢谢，对您有帮助