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的引用开始