マイクロ手紙アプレットWXSのシンプルなアプリケーション

 

デモ住所：マイクロ文字のシンプルなアプリケーション、アプレットWXS

 

ケーススタディ

ジョン・ドウは、王ウーは、それぞれ、それぞれが、今名前のリストと彼らが持っている車の数を表示する必要がある、車の数が異なります

次のように私たちがWXを使用する場合、リストのデータ構造は、次のとおりです。FOUNDを表示するための時間は、オブジェクトの配列が含まれている個人的な車両オブジェクト、

我々は良い本当の名前を見つけたが、車両数は便利な統計にはない、この時間は、使用WXSに良い解決策になることができます

リスト：[{ 
        ID： 1 、
        名称： 'ジョン・ドウ' 、
        車：[{ 
            ID： 1 、
            名称： 'ベンツ' 
          }、
          ... 
        ] 
      }、
      ...]

 

// index.wxml 
< ビュークラス= "コンテナ" > 
  < ビューWXのための：= "{{リスト}}" WX：キー= "ID" クラス= "リスト" > 
    < ビュー>姓名：{{} item.name } </ ビュー> 
    < WXS モジュール= "M" > 
      VAR getCarCount =関数（配列）{ 
        VARカウント= 0; 
        ため（VAR iが0 =; I < 配列.LENGTH; ++ i）が{ 
          ++数えます。
        } 
        数を返します。
      } 
      module.exportsは。= getCarCount。
    </ WXS > 
    < ビュークラス= "グレー色" >拥有{{m.getCarCount（item.cars）}}辆车</ ビュー> 
  </ ビュー> 
</ ビュー>

// index.jsは、リストデータは次の
{：データ
    リスト：[{ 
        ID： 1 、
        名称： 'ジョン・ドウ' 、
        車：[{ 
            ID： 1 、
            名称： 'ベンツ' 
          }、
          { 
            ID： 2 、
            名前： ' BMW ' 
          } 
        ] 
      }、
      { 
        ID： 2 、
        名： 'ジョン・ドウ」、
        車：[{ 
            ID： 3 、
            名称： "キャデラック"
          }、
          { 
            ID： 4 、
            名称： 'インフィニティ' 
          }、
          { 
            ID： 5 、
            名称： 'マツダ' 
          } 
        ] 
      }、
      { 
        ID： 3 、
        名称： '王ウー' 、
        車：[{ 
          ID： 6 、
          名前： 'フィット' 
        }] 
      } 
    ] 
  }、

 

 

 

デモ住所：マイクロ文字のシンプルなアプリケーション、アプレットWXS