ExtJs定时消息提示框,类似于QQ右下角提示,ExtJs如何定时向后台发出两个请求并刷新数据实例
来源:互联网 发布:新开淘宝网店卖什么好 编辑:程序博客网 时间:2024/06/10 03:20
思路:
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); } }); },});
当然要根据实际情况更改一些相应的代码啦~~~!
1 0
- ExtJs定时消息提示框,类似于QQ右下角提示,ExtJs如何定时向后台发出两个请求并刷新数据实例
- ExtJs 实现定时刷新
- ExtJs 实现类似QQ的提示消息框
- ExtJs 消息提示框介绍
- 类似QQ右下角消息提示2--自动刷新
- 类似QQ右下角消息提示2--自动刷新
- 实例制作:右下角弹出类似QQ或MSN消息提示
- 定时刷新extjs的grid某一列的数据
- js右下角定时通知提示框的实现
- 定时关闭的消息提示框
- ExtJs Ext.TaskMgr定时刷新数据源
- extjs定时刷新EditorGridPanel中的某一列
- ExtJs Ext.TaskMgr定时刷新数据源
- 类似QQ右下角消息提示3
- 类似QQ右下角消息提示3
- 类似msn,qq的右下角消息提示
- javascript仿QQ右下角提示消息
- C# 模仿QQ右下角 消息闪烁提示
- poj1155 TELE
- TreeMap的entryset用法
- 区间的交并(80-th Level Archeology,cf 731D)
- 基于Delegate 实现的事件派发管理系统
- Android ViewPager和Fragment实现顶部导航界面滑动效果
- ExtJs定时消息提示框,类似于QQ右下角提示,ExtJs如何定时向后台发出两个请求并刷新数据实例
- java上位机
- iOS开发 iOS10推送必看(基础篇)
- OJ 奖金
- HashMap源码学习
- Ajax作用及Ajax函数编写
- swift开发教程
- 扒一扒金融BA的蓝瘦香菇
- ViewPager+FragmentPagerAdapter实现微信5.2.1主界面架构