1.自定義事件傳值
在列表頁面用mui.fire啟用自定義事件:
id:id
});
.fire( target , event , data )
target
type: webviewobject
需傳值的目標webview
event
type: string
自定義事件名稱
data
type: json
json格式的資料
新增自定義事件監聽操作和標準js事件監聽類似,可直接通過window物件新增。
在目標頁監聽自定義事件:
// 所有方法都放到這裡
mui.plusready(function());
示例:
假設如下場景:從新聞列表頁面進入新聞詳情頁面,新聞詳情頁面為共用頁面,通過傳遞新聞id通知詳情頁面需要顯示具體哪個新聞,詳情頁面再動態向伺服器請求資料,mui要實現類似需求可通過如下步驟實現:
在列表頁面中預載入詳情頁面(假設為detail.html)
列表頁面在點選新聞標題時,首先,獲得該新聞id,觸發詳情頁面的newsid事件,並將新聞id作為事件引數傳遞過去;然後再開啟詳情頁面;
詳情頁面監聽newsid自定義事件
列表頁面**如下:
//初始化預載入詳情頁面
mui.init(
]});
var detailpage = null;
//新增列表項的點選事件
mui('.mui-content').on('tap', 'a', function(e)
//觸發詳情頁面的newsid事件
mui.fire(detailpage,'newsid',);
//開啟詳情頁面
mui.openwindow();
});
詳情**如下:
//新增newid自定義事件監聽
window.addeventlistener('newsid',function(event));
M函式目錄(Power Query 之 M 語言)
2022 1 11更新 主頁 選項卡 管理列 組 選擇列選擇列table.selectcolumns 刪除列刪除列table.removecolumns 刪除其他列table.selectcolumns 減少行 組 保留行保留前面n first firstn 保留後面n last lastn 保留中...
React Rative開發環境相關配置 Mac
安裝 usr bin ruby e curl fssl 解除安裝 usr bin ruby e curl fssl 安裝 brew install watchman解除安裝 brew uninstall watchmannpm作用 node.js的包管理器,全稱是node packaged modu...
m5stickc開發小結2020 10 7
現在已有相關工具 m5stickc模組 帶有電池,容量很小 typec線 連線電腦,主要為了供電,比較短 usb擴充套件介面 方便擺放.usb otg轉接線 連線手機 備用紅公尺手機 可以用來供電,不過也容易沒電.已購買兩條typec長資料線.多買乙個模組 使用方式 程式設計模式 測試模式 離線模式...