wex5 單選多選實例解析

前言

之前做wex5的時候踩過wex5的坑，現在對自己實現的單選以及多選做一個實例總結，並且wex5的文檔上也有詳細的說明，其中主要的就是data組件添加字段控制，如下圖

創建一個data組件並且給與兩個字段fcheck以及fState，通過點擊事件改編組件的值的狀態
多選（通過點擊事件修改data值）：
單選（通過點擊事件執行下列函數修改data屬性，具體參考文檔自帶的淘寶項目）：

//單選後的頁面效果
	Model.prototype.proClick = function(event){
		var data=this.comp("proData");
		data.setValue("fState","0",data.find(["fState"],["1"],true,true,true)[0]);
		var row = data.getCurrentRow();
		data.setValue("fState","1",row);
	};

單選選中後還會有一個樣式的改變

.tb-typelist .col{ padding-left:0; padding-right:5px;}
.tb-typelist .col h5{ line-height:30px; border-radius:5px; background-color:#eee; font-size:12px;}
.tb-typelist .col h5.current{ background-color:#2fa4e7; color:#fff;}