国产chinesehdxxxx野外,国产av无码专区亚洲av琪琪,播放男人添女人下边视频,成人国产精品一区二区免费看,chinese丰满人妻videos

WeX5 開(kāi)發(fā)首頁(yè)

2023-04-04 14:01 更新

從賬目列表頁(yè)中打開(kāi)記一筆頁(yè)是一種頁(yè)面跳轉(zhuǎn)方式,再介紹一種方式,用來(lái)打開(kāi)賬目分類設(shè)置頁(yè)。這種方式就是使用WeX5提供的Shell。Shell可以在任何時(shí)候打開(kāi)任意一個(gè)W文件,實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn);Shell可以給App增加左(右)邊欄;Shell可以響應(yīng)安卓手機(jī)的物理返回鍵,實(shí)現(xiàn)按兩次返回鍵退出App的能力。使用Shell需要增加一個(gè)W文件,進(jìn)行Shell的實(shí)例化。

1. 新建首頁(yè)index.w

在新建W向?qū)е羞x擇模板“移動(dòng)→標(biāo)準(zhǔn)→首頁(yè)”,“文件名”輸入index,在“首頁(yè)生成選項(xiàng)”中選擇“生成左側(cè)邊欄”,不選擇“左側(cè)邊欄為獨(dú)立頁(yè)”,不選擇“同時(shí)生成主頁(yè)”,建出index.w文件。

在使用首頁(yè)向?qū)Ыǔ龅捻?yè)面文件中,用wing組件實(shí)現(xiàn)App的左(右)邊欄;用多內(nèi)容頁(yè)組件contents實(shí)現(xiàn)Shell的頁(yè)面跳轉(zhuǎn)。在同時(shí)建出的頁(yè)面代碼文件index.js中首先引用Shell JS類,再在Model的構(gòu)造方法中,新建Shell實(shí)例。應(yīng)用首頁(yè)構(gòu)成,如圖1-34。

圖1-34  記賬本首頁(yè)構(gòu)成

3. 在左邊欄中增加菜單

在wing組件的left部分放按鈕組件,形成左邊欄中的菜單,通過(guò)按鈕組件的單擊事件調(diào)用Shell的showPage方法打開(kāi)指定的W文件。界面設(shè)計(jì)如圖1-35

圖1-35  記賬本首頁(yè)設(shè)計(jì)界面

表1-14列出了展現(xiàn)組件屬性的設(shè)置方法。

表1-14  首頁(yè)展現(xiàn)組件屬性說(shuō)明

組件

父組件

屬性事件

說(shuō)明

wing

window

xid

wing

實(shí)現(xiàn)左邊欄

contents

wing的content中

xid

pages

Shell實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的必須組件

button

wing的left中

xid

classSettingBtn

左邊欄中的菜單按鈕

label

設(shè)置分類

設(shè)置按鈕標(biāo)簽

class

btn btn-link btn-lg

設(shè)置按鈕樣式

style

width:100%;

設(shè)置按鈕樣式

onClick

classSettingBtnClick

打開(kāi)分類設(shè)置功能

windowContainer

main

xid

mainContainer

嵌入主頁(yè)

src

./list.w

將list.w作為主頁(yè)

 

Index.js完整代碼如下

define(function(require) {

       var$ = require("jquery");

       varjustep = require("$UI/system/lib/justep");

       varShellImpl = require('$UI/system/lib/portal/shellImpl');

 

       varModel = function() {

              this.callParent();

 

              this.shellImpl = newShellImpl(this, {

                     contentsXid :"pages",

                     wingXid : "wing",

                     pageMappings : {

                            "main" : {

                                   url :require.toUrl('./list.w')

                            }

                     }

              });

       };

 

       Model.prototype.modelLoad = function(event) {

              justep.Shell.showPage("main");

       };

 

       Model.prototype.classSettingBtnClick = function(event){

              justep.Shell.showPage(require.toUrl("./classSetting.w"));

       };

 

       returnModel;

});


    以上內(nèi)容是否對(duì)您有幫助:
    在線筆記
    App下載
    App下載

    掃描二維碼

    下載編程獅App

    公眾號(hào)
    微信公眾號(hào)

    編程獅公眾號(hào)