mui常用方法

2022-08-31 21:45:11 字數 1376 閱讀 1680

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...