Hbuilder app 開發 之 MUI個別細節

2022-08-24 06:54:12 字數 1140 閱讀 8423

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長資料線.多買乙個模組 使用方式 程式設計模式 測試模式 離線模式...