ExtJs定时消息提示框,类似于QQ右下角提示,ExtJs如何定时向后台发出两个请求并刷新数据实例

实现思路:

  • 1.加载页面,加载Ext.TaskManager.start()方法;
  • 2.执行定时器方法;
  • 3.获取地址向后台发送请求,参数传递到后台;
  • 4.执行你想要的功能。
/**
 *  定时器结构
 */
var task = {
	run : function() {
		//请求...
	},
	interval : 1000,  //1秒
};
Ext.TaskManager.start(task);

一言不合就Copy:

/**
 *
 * 时间:2016-10-17
 * 
 * 作者:张擎宇
 */
Ext.define('Ext.xxx.xxx.xxx.xxx', {
	extend : 'Ext.xxx.xxx.xxx.xxx',
	//初始化
	init : function() {
		var self = this;
		self.control({
			//页面加载时这行render中的方法
			render : function(panel) {
				var num = 1;		
				var dataOne = 0;	
				var dataTwo = 0;	

				var task = {
					run : function() {
						if (num >= 1 && num <= 100 ) {
							
							//请求一
							Ext.Ajax.request({
								url : 'xxxxxx/xxxxxx',	//后台请求地址
								params : {
									name : 'xxx',	//传递的请求参数
								},
								success : function(record)
								{
									dataOne = Ext.JSON.decode(record.responseText);	//获取的请求结果
								}
							});
							
							//请求二
							Ext.Ajax.request({
								url : 'xxxxxx/xxxxxx',
								params : {
									id : 0001,
									name : 'seesun2012',
									age : '120',
								},
								success : function(record)
								{
									dataTwo = Ext.JSON.decode(record.responseText);
									var reusable = Ext.getCmp('windows_Id');
									if (!reusable && (dataOne > 0 || dataTwo > 0)) {
										//创建一个窗体
										reusable = Ext.create('Ext.window.Window', {
											title : '窗体',
											heiht : 400,
											width : 300,
											id : 'windows_Id',		
											closeAction : 'hide',
											position : 'br',
											useXAxis : false,
											html : '<div style="width:300px;height:150px;margin-top:10px;">请求成功,xxxxx!</div><hr /><hr/><span style="with:100%;float:right;margin-right:10px;"><a id="dont_msg" href="#" style="color:blue;text-decoration:none;a:hover:red;">不再提醒</a></span>',
										});
										reusable.show();
									}
									//不再弹出提示
									$('#dont_msg').on('click',function(){
										num = 100;
										reusable.destroy();		//销毁这个窗体
									});
									num++;	//如果成功,累加当前请求次数
								}
							});
						}
					},
					interval : 10000,	//定时10秒钟向后台发一次请求
					
				};
				Ext.TaskManager.start(task);

			}

		});
	},
});


























注:以上内容仅提供参考和交流,请勿用于商业用途,如有侵权联系本人删除!


持续更新中…

如有对思路不清晰或有更好的解决思路,欢迎与本人交流,QQ群:273557553,个人微信:
你遇到的问题是小编创作灵感的来源!


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值