由于项目需求, 要实现 DropDownList 选项背景, 在网上找了很久, 还是没有找到合意的,
可能因 ListItem 它不对 Attributes 解析, 要么就重写 DropDownList 的 RenderContents 方法等.
并且还要处理 ViewStatus .或是将 DropDownList 改为 HtmlSelect 但要改的比较多所以暂时放弃.
用 CSS Style 吧, 突然想到用Style 结合 Expression 功能十分强大, 没白费力气, 试了很久, 终于得想要的结果.
为按要求为不同的的选项设置不同的样式.
<style>
/*为前三项设置 蓝色(#0000ff) 背景*/
#ControlID Option {background-color: expression(index in [0,1,2]?'#0000ff':'');}
</style>
<style>
/*为选项值 小于 9 的项设置 红色(#ff0000) 背景*/
#ControlID Options{background-color:expression(parseInt(value, 10) < 9?'#ff0000':'');}
</style>
<style>
/*为选项值 等于 2 或 3 的项设置 灰色(#cccccc) 背景*/
#ControlID Options{background-color:expression((value=="2"||value=="3")?'#cccccc':'');}
</style>
/*为选项值 等于 2 或 3 的项设置 灰色(#cccccc) 背景*/
#ControlID Options{background-color:expression((value=="2"||value=="3")?'#cccccc':'');}
</style>
本文详细介绍了如何使用CSSStyle结合Expression功能为DropDownList的不同选项设置不同的背景颜色,包括设置前三项为蓝色,选项值小于9的项为红色,以及选项值等于2或3的项为灰色。


4144

被折叠的 条评论
为什么被折叠?



