AppFrameWork Learning--mask Toast

Mask use is very simple, the official website has introduced:

Incoming text and dwell time are displayed:

function Showmask (text,time) {    $.ui.showmask (text);    Window.settimeout (function () {        $.ui.hidemask ();    }, time);} </span>

Because the official website does not provide toast function, studied, add a few lines of code can:

#afui_mask {position:absolute;top:45%;z-index:999999;} for several files above;} Add the following
 

#afui_toast {position:absolute;top:88%;z-index:999999;}

This JS file

Hidemask:function () {     $.query ("#afui_mask"). Hide ();},</span>

The following functions are added below this function:

/**         * Show the toast *         */        showtoast:function (text) {            $.query ("#afui_toast >h1"). html (text);            $.query ("#afui_toast"). Show ();        },        /**         * Hide the toast */        hidetoast:function () {            $.query ( "#afui_toast"). Hide ();        },

(Don't forget {back, otherwise not available)

Setup Ajax mask            this.addcontentdiv ("Afui_ajax", "" ");            var maskdiv = $.create ("div", {                ID: "Afui_mask",                className: "Ui-loader",                HTML: "<span class=" Ui-icon Ui-icon-loading spin ' ></span>


This JS is added below:
            Toast            var toastdiv = $.create ("div", {                ID: "Afui_toast",                className: "Ui-loader",                HTML: "</span >
So you can use toast like mask, here's the following:
function Showtoast (text,time) {    $.ui.showtoast (text);    Window.settimeout (function () {        $.ui.hidetoast ();    }, time);}