20150716 Created By BaoXinjian
一、摘要
1. 需求
OAF中，如果不使用CSS，有时会遇到一些显示的问题，比如在一个明细页面，页面上半部分显示头详细信息，页面下半部分显示行详细信息，
在显示头信息时 如果采用的是messageStyledText组件，就会出现prompt和value的字体不一致的问题，导致prompt的字体明显比value的 字体小的问题。
所以会经常采用CSS来控制，比如OraDataText的样式类。
2. 描述
OAF的webBean支持自定义CSS，每个webBean都有属性cssClass.通过方法setStyleClass()和getStyleClass()设置或获取CSS类的名称。
3. 自定义CSS
OAF中可用的CSS是通过XSS（xml style sheet)来定义，所有的xss文件放在OA_HTML/cabo/styles/目录下，OA_HTML一定是你项目的目录下（一般在myhtml) 目录下。
自定义CSS可放在custom.xss，或是写成单独的XSS文件然后在custom.xss中引用。
4. 代码控制CSS
CSSStyle style = new CSSStyle();
style.setProerty("font-size","'20px");
webBean.findChildRecursive("<输入框的名字>").setAttributeValue(INLINE_STYLE_ATTR, style);
二、CSS控制
1. 使用代码控制对应数据的颜色
//目前待发生 成本(元)
OAMessageTextInputBean touseAmountBean = (OAMessageTextInputBean)webBean.findChildRecursive("TouseAmount");
touseAmountBean.setAttributeValue(STYLE_CLASS_ATTR, new OADataBoundValueViewObject(touseAmountBean, "CssCode", "AdjustViewVO1"));
2. CSS文件的存放位置
三、自定义CSS用法
案例：薪水大于10000的员工显示红色字体
Thanks and Regards
一、摘要
1. 需求
OAF中，如果不使用CSS，有时会遇到一些显示的问题，比如在一个明细页面，页面上半部分显示头详细信息，页面下半部分显示行详细信息，
在显示头信息时 如果采用的是messageStyledText组件，就会出现prompt和value的字体不一致的问题，导致prompt的字体明显比value的 字体小的问题。
所以会经常采用CSS来控制，比如OraDataText的样式类。
2. 描述
OAF的webBean支持自定义CSS，每个webBean都有属性cssClass.通过方法setStyleClass()和getStyleClass()设置或获取CSS类的名称。
3. 自定义CSS
OAF中可用的CSS是通过XSS（xml style sheet)来定义，所有的xss文件放在OA_HTML/cabo/styles/目录下，OA_HTML一定是你项目的目录下（一般在myhtml) 目录下。
自定义CSS可放在custom.xss，或是写成单独的XSS文件然后在custom.xss中引用。
4. 代码控制CSS
CSSStyle style = new CSSStyle();
style.setProerty("font-size","'20px");
webBean.findChildRecursive("<输入框的名字>").setAttributeValue(INLINE_STYLE_ATTR, style);
二、CSS控制
1. 使用代码控制对应数据的颜色
//目前待发生 成本(元)
OAMessageTextInputBean touseAmountBean = (OAMessageTextInputBean)webBean.findChildRecursive("TouseAmount");
touseAmountBean.setAttributeValue(STYLE_CLASS_ATTR, new OADataBoundValueViewObject(touseAmountBean, "CssCode", "AdjustViewVO1"));
2. CSS文件的存放位置
三、自定义CSS用法
案例：薪水大于10000的员工显示红色字体
Thanks and Regards