• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    AXURE三級多選樹

    介紹:用一個中繼器實現axure多選樹的結果。

    原型預覽地址:http://ms6yvj.axshare.cn/#g=1&p=新元件1&c=1

    東西/原料

    • 中繼器
    • 復選框
    • 下拉符號
    • 選中按鈕
    • 打消選中按鈕
    • 睜開按鈕
    • 收起按鈕
    • 1級文本標簽
    • 2級文本標簽
    • type文本標簽

    方式/步調

    1. 1

      添加中繼器:

      在中繼器里放入下拉符號和多選框

    2. 2

      設置中繼器:

      type:分1、2、3三個級別,1暗示一級(如廣東省),2暗示二級(如廣東省—廣州市),3暗示(廣東省-廣州市-海珠區)。

      memu1:暗示第一級菜單

      memu2:暗示第二級菜單

      memu3:暗示第三級菜單

      xiala:1暗示有下拉符號,0暗示沒有下拉符號

      see:1暗示可見,0暗示埋沒

      xuan:下拉符號的偏向,0標的目的右,1標的目的下

      xuanzhong:1暗示選擇,0暗示未選中

    3. 3

      設置中繼器載入時交互事務

      添加篩選[[Item.see=='1']]:篩選出see為1(可見)的行

    4. 4

      設置中繼器每項加載時交互事務

      1、設置多選框文本和位置

            若是是一級菜單,設置多選框文字=memu1

            若是是二級菜單,設置多選框文字=memu2,而且移動下拉符號和多選框組合標的目的右移動20

            若是是三級菜單,設置多選框文字=memu3,而且移動下拉符號和多選框組合標的目的右移動40

      2、設置下拉符號

            若是xiala=0,埋沒下拉符號。

            若是xuan=0,下拉符號標的目的右,暗示收起下級菜單

            若是xuan=1,下拉符號標的目的上,暗示打開下級菜單

      3、設置選中

            若是xuanzhong=1,選中該行多選框。

    5. 5

      設置下拉符號鼠標單擊時事務

      1、若是xuan=0,更新行this,列xuan=1。設置文本1級文本標簽=memu1,2級文本標簽=memu2,出發鼠標單擊睜開按鈕。

      2、若是xuan=1,更新行this,列xuan=0。設置文本1級文本標簽=memu1,2級文本標簽=memu2,出發鼠標單擊收起按鈕。

    6. 6

      設置睜開按鈕鼠標單擊時事務

      1、若是2級文本標簽為空,更新行前提[[Item.type=='2'&&Item.memu1==a]],更新see=1

      2、若是2級文本不為空。更新行前提,[[Item.type=='3'&&Item.memu1==a&&Item.memu2==b]],更新see=0

    7. 7

      設置收起按鈕鼠標單擊時事務

      1、若是2級文本標簽為空,更新行前提[[Item.type!='1'&&Item.memu1==a]],更新see=0,xuan=0

      2、若是2級文本不為空。更新行前提,[[Item.type=='3'&&Item.memu1==a&&Item.memu2==b]],更新see=0

    8. 8

      設置多選框事務

      1、選中時,更新行this,列選中=1,設置文本1級文本標簽=memu1,2級文本標簽=memu2,type文本標簽=type,觸發鼠標單擊選中按鈕的事務。

      2.打消選中時,更新行this,列選中=0,設置文本1級文本標簽=memu1,2級文本標簽=memu2,type文本標簽=type,觸發鼠標單擊打消選中按鈕的事務。

    9. 9

      設置選中按鈕鼠標單擊時事務

      1、若是type文本標簽=1,更新行前提[[Item.memu1==a]],更新xuanzhong=1。

      2、若是type文本標簽=2,更新行前提[[Item.memu1==a&&Item.memu2==b]],更新xuanzhong=1。

    10. 10

      設置打消選中按鈕鼠標單擊時事務

      1、若是type文本標簽=1,更新行前提[[Item.memu1==a]],更新xuanzhong=0。

      2、若是type文本標簽=2,更新行前提[[Item.memu1==a&&Item.memu2==b]],更新xuanzhong=0。更新行前提[[Item.memu1==a&&Item.memu2==''&&Item.memu3=='']],更新xuanzhong=0

      3、若是type文本標簽=3,更新行前提[[Item.memu1==a&&Item.memu2==b&&Item.memu3=='']],更新xuanzhong=0。更新行前提[[[Item.memu1==a&&Item.memu2==''&&Item.memu3=='']],更新xuanzhong=0

    11. 11

      打消選中按鈕、選中按鈕、收起按鈕、睜開按鈕、1級文本標簽、2級文本標簽、type文本標簽設置為埋沒。

    注重事項

    • 該元件建造需要對axure有必然的研究,建議您直接下載利用。
    • 發表于 2019-06-04 17:03
    • 閱讀 ( 1386 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆