1.開啟新頁面傳值
傳送:mui.openwindow(
3.頁面事件繫結
使用html5統一寫法document.getelementbyid("button").addeventlistener('tap事件**見下方',
function() ,function(data),'json');
2.mui.ajax(url, ,
datatype: 'json', //伺服器返回json格式資料
type: 'post', //http請求型別
timeout: 10000, //超時時間設定為10秒;
success: function(data) {
error: function(xhr, type, errorthrown) {
//異常處理;
plus.nativeui.closewaiting();
plus.nativeui.toast("檢查更新失敗,請稍後再試");
console.log(type);
6.關閉,重新整理,返回,載入中
關閉:var ws=plus.webview.currentwebview();
plus.webview.close(ws);//可以是視窗物件或者id
mui.back();//當前頁面關閉
重新整理:location.reload();
載入中plus.nativeui.showwaiting("載入中");
plus.nativeui.closewaiting();
7.監控返回操作,重新整理上乙個頁面
mui.plusready(function() {
var old_back = mui.back;
mui.back = function() {
var opener = plus.webview.currentwebview().opener();
opener.reload()
old_back();
8.首頁模擬選項卡點選切換
var defaulttab = document.getelementbyid("defaulttab");//選項卡id
//模擬首頁點選
mui.trigger(defaulttab, 'tap');
//切換選項卡高亮
var current = document.queryselector(".mui-bar-tab>.mui-tab-item.mui-active");
if(defaulttab !== current) {
current.classlist.remove('mui-active');
defaulttab.classlist.add('mui-active');
MUI框架學習 了解MUI
1 名氣不是很大,國產,不像react angular.js那樣,世界範圍都在使用。目前國內mui使用的公司還是很多的 2 框架本身存在一些bug還有一些待解決的問題 3 總的來說,用著還是很不錯了 快速構建頁面 1.新建含mui的html檔案 2.輸入mheader 3.輸入mbody 4.更多開...
MUI 下拉重新整理
為實現下拉重新整理功能,大多h5框架都是通過div模擬下拉回彈動畫,在低端android手機上,div動畫經常出現卡頓現象 特別是 列表的情況 mui通過雙webview解決這個div的拖動流暢度問題 拖動時,拖動的不是div,而是乙個完整的webview 子webview 回彈動畫使用原生動畫 在...
MUI應用介紹
2 主體部分 主體部分 四 控制項 1 摺疊面板 可以在摺疊面板中放置任何內容 摺疊面板預設收縮,若希望某個面板預設展開,只需要在包含.mui collapse類的li節點上,增加.mui active類即可 mui官網中的方法說明,使用的就是摺疊面板控制項。注意事項 1 摺疊面板布局必須在 mui...