Extjs之自動消失提示框（Ext example msg）

阿新 • • 發佈：2018-11-19

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow

也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head>  <title 
>test.html</title>  <meta http-equiv="content-type" content="text/html; charset=UTF-8">  <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />  <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>  <script 
 type="text/javascript" src="extjs/ext-all-debug.js"></script>  <style>body { font-family: helvetica, tahoma, verdana, sans-serif; padding: 20px; padding-top: 32px; font-size: 13px; background-color: #fff !important;}</style>  <script type="text/javascript" 
>/** * Extjs訊息提示框 * MsgTip.msg('訊息標題', '訊息內容');//不自動隱藏 * MsgTip.msg('訊息標題', '訊息內容',true);//預設1秒後自動隱藏 * MsgTip.msg('訊息標題', '訊息內容',true,10);//3秒後自動隱藏 */MsgTip = function(){    var msgCt;    function createBox(t, s){        return ['<div class="msg">',                '<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>',                '<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc" style="font-size=12px;"><h3>', t, '</h3>', s, '</div></div></div>',                '<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>',                '</div>'].join('');    }    return {        msg : function(title, message,autoHide,pauseTime){            if(!msgCt){                msgCt = Ext.DomHelper.insertFirst(document.body, {id:'msg-div22',style:'position:absolute;top:10px;width:300px;margin:0 auto;z-index:20000;'}, true);            }            msgCt.alignTo(document, 't-t');            //給訊息框右下角增加一個關閉按鈕            message+='<br><span style="text-align:right;font-size:12px; width:100%;">' +              '<font color="blank"><u style="cursor:hand;" onclick="MsgTip.hide(this);">關閉</u></font></span>'            var m = Ext.DomHelper.append(msgCt, {html:createBox(title, message)}, true);            m.slideIn('t');            if(!Ext.isEmpty(autoHide)&&autoHide==true){             if(Ext.isEmpty(pauseTime)){              pauseTime=1000;             }             m.pause(pauseTime).ghost("tr", {remove:true});            }        },        hide:function(v){         var msg=Ext.get(v.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement);         msg.ghost("tr", {remove:true});        }    };}();Ext.onReady(function(){ Ext.BLANK_IMAGE_URL = 'extjs/resources/images/default/s.gif'; Ext.QuickTips.init();  var btn=new Ext.Button({  text:'不自動隱藏',  width:80,  renderTo:Ext.getBody(),  handler:function(){    MsgTip.msg('訊息', '訊息內容');  } });  var btn2=new Ext.Button({  text:'自動隱藏',  width:80,  renderTo:Ext.getBody(),  handler:function(){    MsgTip.msg('訊息', '使用預設值1秒自動隱藏',true);  } });  var btn3=new Ext.Button({  text:'設定自動隱藏時間',  width:80,  renderTo:Ext.getBody(),  handler:function(){    MsgTip.msg('訊息', '設定3秒後自動隱藏',true,3000);  } });});   </script> </head> <body> </body></html>

Ext.AutoHide = function(){      var msgCt;      function createBox(t, s){          return ['<div class="msg">',                  '<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>',                  '<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc" style="font-size=12px;"><h3>', t, '</h3>', s, '</div></div></div>',                  '<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>',                  '</div>'].join('');      }      return {          msg : function(title, format){            if(!msgCt){                  msgCt = Ext.DomHelper.insertFirst(document.body, {id:'msg-div22',style:'position:absolute;top:10px;width:300px;margin:0 auto;z-index:20000;'}, true);              }              msgCt.alignTo(document, 't-t');            var s = String.format.apply(String, Array.prototype.slice.call(arguments, 1));            var m = Ext.DomHelper.append(msgCt, {html:createBox(title, s)}, true);            m.slideIn('t').pause(1).ghost("t", {remove:true});        },        hide:function(v)        {              var msg = Ext.get(v.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement);              msg.ghost("tr", {remove:true});          }      };  }();

給我老師的人工智慧教程打call！http://blog.csdn.net/jiangjunshow

Extjs之自動消失提示框（Ext example msg）

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

iOS中自動消失提示框的實現

在實際的應用中，我們常會看到一些應用中當觸發某個事件時，會彈出一個提示框，然後自動消失的效果，其實這種效果的實現是比較簡單的，下面我介紹兩種簡單的方法： 1. 使用UIAlertView來實現，思路是給UIAlertView設定一個延遲時間，然後讓其消失（相當於點選了“取消

iOS中可以設定時間自動消失提示框的三種實現方式

//============================================================================== #pragma mark - 一、顯示定製View的訊息，定時消失 //================

iOS 幾秒後會自動消失提示框

tipWithMessage(@"沒有資料啦！"); //提示彈窗 NS_INLINEvoid tipWithMessage(NSString *message){ dispatch_a

Python之自動單元測試之一（unittest使用例項）

軟體的測試是一件非常乏味的事情，在測試別人編寫的軟體時尤其如此，程式設計師通常都只對編寫程式碼感興趣，而不喜歡文件編寫和軟體測試這類"沒有創新"的工作。既然如此，為什麼不讓程式設計師在編寫軟體時自己加入一些用於測試的程式碼，使測試過程自動化呢？在軟體工程中，這一技術稱為自

（二）easyUI之消息提示框

onf 間隔 asc sage utf-8 quest easy tle click <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&

JavaSwing圖形介面程式設計之訊息提示框（二）

package three.day.frame; import java.awt.BorderLayout; import java.awt.Container; import java.awt.GridLayout; import java.awt.event

微信小程式之----載入中提示框loading

微信小程式之----載入中提示框loading wx.json Page({ /** * 頁面的初始資料 */ data: { }, onLoad: function (options) { // 欄目分類請求介面 var lanmu = this;

深入理解java虛擬機器之自動記憶體管理機制（二）

垃圾收集演算法　　　　java中的記憶體是交給虛擬機器管理的。要實現垃圾回收，必須考慮如下三個問題：　　　　1. 哪些記憶體需要回收？　　　　2. 什麼時候回收？　　　　3. 怎麼回收？　　　　對於第一點，往大了來說，是堆和方法區的記憶體需要回收。往具體了來說，是堆中哪些物件的記憶體可以回

深入理解java虛擬機器之自動記憶體管理機制（三）

各類垃圾收集器與GC日誌（一）垃圾收集器　　一、Serial收集器　　　　最基本、歷史最悠久的收集器。使用複製演算法，用在新生代，通常老年代用Serial old配合。GC過程需要stop the world。適用於client模式下的虛擬機器。　　二、ParNew收集器　

深入理解java虛擬機器之自動記憶體管理機制（四）

記憶體分配與回收策略（一）記憶體分配策略　　　　給誰分配？分配到哪？是記憶體分配策略必須解答的問題。　　　　java物件是分配的物件，往大方向來說，是分配到堆中，更細一點說，根據物件不同的特點分配到新生代和老年代區域。如果啟動了本地執行緒分配緩衝，就按執行緒優先在TLAB上分配。　　　　一、新

python+selenium自動測試之WebDriver的常用API（基礎篇一）

基於python3.6，selenium3.141，詳細資料介紹檢視官方API文件，點選這裡一、對瀏覽器操作 1 driver = webdriver.Chrome() # 初始化chrome 2 driver1 = webdriver.Firefox() # 初始化Firef

安卓系統自帶提示框（帶取消確定按鈕）

private void showCoverDialog(){ AlertDialog.Builder builder = new AlertDialog.Builder(context); builder.setTitle("提示"); builder.setMess

警告提示框（UIAlertController）的用法

import UIKit class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() }

C# 簡單的等待提示框（BackgroundWorker）

using System; using System.ComponentModel; using System.Threading; using System.Windows.Forms; namespace WindowsFormsApplication1 { pu

（41）JS運動之右側中間懸浮框（對聯懸浮框）

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title></title> <style> #div1{ width:10

微信小程式自制提示框（具有輸入文字功能）

微信小程式自帶的API中的頁面互動功能，雖然提示功能非常全面，但是所有的互動API中是沒有可以自己在提示框中輸入文字的功能，那麼現在我們來自己做這樣的一個提示框（可以帶有輸入功能），在提示框輸入完內容之後，點選確定，可以將文字內容返回，點選取消則可以回到之前的狀態。（在這裡，

Echarts提示框（tooltip）位置設定

Echarts提示框（tooltip）浮層位置，不設定時，預設位置會跟隨滑鼠的位置。但是，當提示框位置超出圖表所在區域時，就可能出現提示框顯示不全的問題，如下所示：這就需要我們去設定提示框位置 1、設定提示框位置的方法方法一：通過陣列設定提

C# 中的MessageBox 彈出提示框（訊息框）的用法

剛好用到MessageBox ，所以就在網上查著學習了一下。 MessageBox.Show（<字串> Text, <字串> Title, <整型> nType，MessageBoxIcon）; 它的格式就是上面這個，第一個引數是

HTML5：Animate cc互動功能之製作單選框（開關）

1.需要實現的效果 2.步驟： a.實現點選功能 S.xld_btn1.txt.text="";//先將單選框的文字清空 //S.xld_btn1.txt.text是舞臺上的"xld_btn1影片剪輯",txt是指文字,text指文字內容 if(!S.xld

Extjs之自動消失提示框（Ext example msg）

給我老師的人工智慧教程打call！http://blog.csdn.net/jiangjunshow

相關推薦