當前位置:
首頁 > 最新 > 自定義dialog的常見提示框

自定義dialog的常見提示框

雖然可以使用JavaScript中的alert和confirm函數構建警告彈框和確認彈框,但在實際使用中可定製化的內容較少,所以在WeUI中可以使用自定義的Dialog彈出層,方便更多的需求開發。

下面通過一個小實例來展示Dialog的具體用法。用戶在頁面上單擊「確認框」按鈕後彈出選擇確認框。用戶再次單擊選擇確認框上的「警告框」按鈕後彈出警告框Dialog。其中用戶單擊兩個Dialog的「取消」按鈕都可以隱藏任意的彈出層。

首先在頁面上定義一個按鈕和兩個不同樣式的Dialog,其中兩個Dialog默認為隱藏狀態。核心代碼如下:

其次需要編寫JavaScript腳本,為頁面中的不同按鈕綁定click事件,用來控制兩個Dialog的彈出框顯示和關閉隱藏,核心代碼如下:

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 億仁 的精彩文章:

微信小程序分享和項目上線設計用法
PHP賦值運算符的用法
企業用戶表單登錄註冊微信小程序設計開發
微信商城開發設計商品管理詳情介紹
PHP標量數據類型用法和使用說明

TAG:億仁 |

您可能感興趣

iview table表格的自定義樣式
在 Linux 上自定義 bash 命令提示符
Android使用Canvas和Path自定義繪製動畫
pixhawk 自定義uart的應用
自定義損失函數Gradient Boosting
Facebook更新Spaces,開放虛擬形象自定義
Substratum主題不能玩了!Android P刪除自定義疊加層
Google 開放第三方自定義 Google Assistant 語音指令
TensorFlow結構分析及自定義Op
BeatMods可以修復《Beat Saber》自定義歌曲和Mods
自定義fastjson解析+熱部署
自定義Android註解Part2:代碼自動生成
validate表單驗證及自定義方法
Windows Terminal 上架微軟商店,更多自定義功能來襲
Facebook如何創建自定義受眾?Facebook自定義受眾創建指南(附視頻)
PowerBI自定義圖表:Bullet Chart子彈圖
新版Office官方Demo流出:Ribbon可自定義 支持摺疊
自定義Ubuntu/Windows雙系統引導菜單主題
iPhone XS Max 雙卡還能這麼玩:自定義 emjio 表情標籤
Django自定義管理器