wex5的組件簡介

一、list條目的高亮突出顯示
場景：在list組件中，突出顯示選中的當前行
做法：設置list組件下面的li節點 的bind-css屬性爲{‘bg-primary’:val(‘fID’)==data.val(‘fID’)}，其中bg-primary是Bootstrap裏的一個樣式class
二、grid中數量爲1時高亮顯示
場景：表格中，當數量等於1時顯示粉底色，否則顯示黃底色
做法：設置grid組件或者dataTables組件的rowAttr屬性爲
實質：三目運算符
$row.val(‘fSL’)==’1′?{style:’background:pink;’}:{style:’background:yellow;’}
三、添加（取消）組件的事件
如果要增加組件的其它事件，可以使用jQuery的on方法，例如：給input組件增加值改變添加監聽事件（oninput事件）
this.comp('input1').$domNode.on('input',function(){alert(this.value);});
其中
this.comp(‘input1’)獲得組件的js對象
this.comp(‘input1’).$domNode獲得組件的jQuery對象
四、組件的私有方法
data組件的常用方法（bizData組件繼承自data組件，因此方法相同）


新增、刪除行及保存數據　newData deleteData saveData
對列取值賦值　 getValue setValue
設置過濾條件及刷新數據　 setFilter refreshData
遍歷數據及數據查找　 each find
獲取所有列名　 getColumnIDs
獲取當前行　 getCurrentRow getCurrentRowID
聚合函數　 sum avg count max min
其它組件常用方法


打開彈出窗口：使用widowDialog組件open方法
彈出菜單：使用popMenu組件show方法
顯示流程圖：使用process組件showChart
五、on事件
執行效率高於標準的dom事件，在操作組件和調用事件時，會觸發相應的事件，例如data的onvaluechange和onvaluechanged事件，onvaluechange事件中
可以判斷新值和舊值，進行判斷，避免出錯，之後調用onvaluechanged事件，獲取新值

event事件
event參數裏面的三個常用的參數
event.source：組件的js對象
this.comp("xid");
event.bindingContext：組件綁定的上下文，包含$model、$object等
event.cancel：可修改，設置爲true後中斷當前動作
六、bind開頭的事件（標準的dom事件）


標準事件，可向上冒泡。
使用event.currentTarget獲取組件的jQuery對象
js的引用開始