iViewのテーブルとクエリコンテンツの内容を表示するための対応するドロップダウンボックス

まず、コード：

　　

<スパンクラス = " filterBlock " > 
        证卡状态：
         <選択し、V-モデル= " selectedCardStatus " 
                クラス = " フィルタ" > 
          <オプションV- 用 = " cardStatusの項目" 
                  ：値 = " item.val " 
                  ：キー = " item.val " > {{item.name}} </オプション> 
        </>選択
      </スパン>

 

データ（）{
     リターン{ 
      cardStatus：[{ 
        名：' すべて' 、
         ヴァル：' 0 ' 、 
      }、{ 
        名：' ノーマル' 、
         ヴァル：' 1 ' 、 
      }、{ 
        名：' 無効' 、
        ヴァル：' 2 ' 
      }]、
      selectedCardStatus：' ' 、
    }; 
  }

 

データ（）{
     リターン{ 
      TableColumnの：[]、
      payWayTable：[ 
        { 
          タイプ：' 展開' 、
          幅：30 、
          レンダリング：（H、paramsは）=> {
             戻り時間（expandRow、{ 
              小道具：{ 
                行：paramsは.row、
              } 
            }）。
          }、
        }、
        { 
          タイプ：' インデックス' 、
          タイトル：' 序号'、
          幅：80 、
          整列：' 中央' 、
        }、
        { 
          タイトル：' 证卡状态' 、
          キー：' cardstate ' 、
          幅：100 、
          整列：' 中央' 、
          レンダリング：（H、paramsは）=> {
             戻り H （' DIV '、この .ticketState [ のparams .row。cardstate]）; 
          } 
        } 
      ]、
      TicketState：[ ' すべて'、' 通常'、' 失活' ] 
　　　　// ticketState：[ 'すべて'、 '通常'、 '失活']、上記のValに対応します[ 0：すべて、1：通常、2：無効]

}。}、

第二に、要約：

　　ヴァルは、インターフェイスの値と照会するフィールドを発揮することができるような背景フィールド（cardstate）の対応する値です。

第三に、レンダリング：