动态改变CSS和Style

官方文档：

WeX5数据绑定05：css绑定  (http://doc.wex5.com/data-bind-css/)

WeX5数据绑定：style绑定 (http://docs.wex5.com/data-bind-style/)

用法1: 动态改变页面的背景图片
定义几个css：
.bgBad {background:url(images/bg_bad.png) repeat 0 0}

.bgNorm {background:url(images/bg_norm.png) repeat 0 0}

.bgGood {background:url(images/bg_good.png) repeat 0 0}

设置顶级Panel的bind-css: { bgBad: currentBgImg.get() == 0, bgNorm: currentBgImg.get() == 1, bgGood: currentBgImg.get() == 2}

定义currentBgImg变量：
var Model = function(){

    this.currentBgImg = justep.Bind.observable(2);

set变量值就可以动态改变背景了

用法2：动态改变list中某一列cell的的背景图片

这个cell是一个x-col
设置bind-style:  {'backgroundImage' :  'url(' +val("bgImg") +')'}
bgImg是data对象中的一个字段，可以根据规则来设置值，比如:
var rows = ret.result.rows;

for (var index in rows) {
    if (rows[index].val > 100) {
        rows[index].bgImg = "images/bg_bad.png";
    } else {
        rows[index].bgImg = "images/bg_norm.png";
    }
}