Wex5各元件介紹

2022-06-28 10:51:10 字數 448 閱讀 8459

1、 

2、select 元件

3、頁面互動以及傳遞引數  包含父子雙向頁面之間資料傳遞方法介紹)

內嵌頁面向父頁面返回資料

在內嵌頁面中,呼叫this.owner.send(data)方法,可以向父頁面返回資料,此時會觸發父頁面中對應windowcontainer元件的onreceive事件,我們可以在此事件中獲取內嵌頁面返回的資料。

父頁面與內嵌頁面間的複雜互動

由於wex5預設實現是單頁應用模式,父頁面和子頁面只是乙個邏輯劃分,物理上還是執行在同乙個html文件中,因此,父頁面和內嵌頁面間,除了上面所說的資料傳遞之外,還可以進行複雜的互動(比如相互呼叫方法等等):

1)父頁面獲取內嵌頁面的vm例項:呼叫windowcontainer元件的getinnermodel()方法;

2)內嵌頁面獲取父頁面的vm例項:this.getparentmodel();

WeX5 單頁應用

例子參考ui2 portal sample index.w 要點 關於url 從 來看,x5中有兩種url格式,一種是內部的相對url,一種是標準的絕對url,如果使用x5提供的方法,兩種url都可以,如果要使用標準的html語法,需要轉成絕對的。相對url是ui2目錄下的路徑,在 中有兩種寫法 相...

WEX5 學習筆記(六)

靜態資料格式的資料 一般用 data 資料元件。而且data資料元件裡設定的列要跟 json靜態資料裡的列相同。data元件在重新整理資料的時候 有個事件 oncustomrefresh 接管重新整理事件會被觸發 所以我們在這裡將載入 的json資料載入到data當中就行。只要data的屬性 aut...

wex5 實現拖拽元素

現在很多地方都會用到拖拽和拖拽替換的功能,我做的乙個專案裡面就需要對元素進行拖拽替換。現在暫時只實現了拖拽,拖拽替換的會後續補上。看了示例裡面的touchjs,只有乙個元素的拖動,而且 比較複雜,要改的話,難度會比較大。所以先自己寫了乙個多元素拖動的 相容pc和手機 前台頁面處理 我資料庫用的是da...