不同的选项设置不同的样式不能简单的设置bind-style就可以的,需要通过下面的方式
在bind-items关联的data的onAfterRefresh事件(如果bind-items关联的data数据默认加载了也可以在model的onload中)中实现
// 根据checkboxGroup选项显示的值设置不同的背景和字段颜色 var id = this.getIDByXID("showCheckboxGroup");//通过checkboxGroup组件的xid获取id的值 $("#" + id).find("label").each(function(index, domEle) {//通过id查找生成的label标签 if (domEle.textContent == 'one') { domEle.parentNode.style.backgroundColor = "#99FFCC"; domEle.parentNode.style.color = "red"; } else if (domEle.textContent == 'two') { domEle.parentNode.style.backgroundColor = "#CCFF99"; domEle.parentNode.style.color = "#660BAB"; } else{ domEle.parentNode.style.backgroundColor = "#FFCCCC"; domEle.parentNode.style.color = "green"; } });
评一波