注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

前端开发那点事儿

冒犯之处,敬请谅解。

 
 
 

日志

 
 
 
 

EXTJS定时刷新LABEL HTML  

2012-10-31 16:44:35|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
EXTJS定时刷新LABEL HTML - Diligent - Diligent
 

EXTJS定时刷新LABEL HTML - Diligent - Diligent
 
parent.Ext.TaskMgr.stopAll();
                        Ext.Ajax.request({
                            url: 'static_conf_type.php?do=bind&num=' + tbarCombo.getValue()           
                            ,success: function(response,options){
                                var ret = Ext.decode(response.responseText)
                                if(ret.success){
                                    var data = ret.data;
                                    var tmpArr = data ? data.split(',') : [];
                                    var tmpWin = new parent.Ext.Window({
                                        width: data ? getWidth(tmpArr) : 400
                                        ,autoScroll: true
                                        ,title: tbarCombo.getValue() + '绑定' + colorText(tmpArr.length,'orangeRed',true) + '个号码'
                                        ,height: 440
                                        ,bodyStyle: 'background: whitesmoke;padding: 0 0 4px 4px;'
                                        ,items: {
                                            xtype: 'label'
                                            ,html: ''
                                        }
                                    });
                                    
                                    var colorArr = [
                                        'crimson'
                                        ,'gold'
                                        ,'orangeRed'
                                        ,'lightGreen'
                                        ,'yellowgreen'
                                        ,'orange'
                                        ,'steelblue'
                                        ,'turquoise'
                                        ,'lightGreen'
                                        ,'seagreen'
                                        ,'goldenrod'
                                        ,'lightseagreen'
                                    ];
                                    
                                    tmpWin.show();
                                    
                                    var labelField = tmpWin.items.itemAt(0);
                                                                       var htmlArr = [];
                                   
                                    if(tmpArr.length){
                                        var wk = parent.Ext.TaskMgr.start({
                                            run: function(){
                                                if(!tmpArr.length){
                                                    parent.Ext.TaskMgr.stopAll();
                                                }
                                               
                                                htmlArr.push(
                                                    '<div style="padding: 30px;text-align: center;font-size: 24px;background: '
                                                    + colorArr[parseInt(Math.random()*12)]
                                                    + ';width: '
                                                    + (tmpArr[0].length * 22)
                                                    + 'px;float: left;margin: 4px 4px 0 0;">'
                                                    + tmpArr[0] + '</div>'
                                                );
                                                if(tmpArr.length > 1){
                                                    labelField.setText(htmlArr.join('') +
                                                    ('<div style="padding: 30px;text-align: center;font-size: 24px;background: '
                                                        + '#ccc'
                                                        + ';width: '
                                                        + (tmpArr[1].length * 22)
                                                        + 'px;float: left;margin: 4px 4px 0 0;">'
                                                        + '......</div>'),false
                                                    );
                                                }else{
                                                    labelField.setText(htmlArr.join(''),false);
                                                }
                                                tmpArr.remove(tmpArr[0]);
                                            }
                                            ,interval: 1500
                                        });
                                    }
                                }else{
                                    parent.Ext.Msg.alert('错误', "获取失败");
                                }




   
    function getWidth(dataArr){
        var width = 0;
        for(var i = 0;i < Math.min(dataArr.length,4);i++){
            width += (dataArr[i].length * 22 + 30 * 2 + 4);
        }
        return width + 18;
    }
  评论这张
 
阅读(2009)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017