JSF与HTML标签的联系_html/css_WEB-ITnose

*页面的开头

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>

<%@ taglib uri="http://myfaces.apache.org/extensions" prefix="x"%>

<%@ taglib uri="http://jsftutorials.net/htmLib" prefix="htm"%>

<%@ taglib uri="http://www.ccb.cn/xmdc" prefix="xmdc"%>

<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c"%>

<%@ taglib uri="http://java.sun.com/jstl/fmt" prefix="fmt"%>

<%@ taglib prefix="tiles" uri="http://struts.apache.org/tags-tiles"%>

href="<%=request.getContextPath()%>/css/style_organ.css" />

href="<%=request.getContextPath()%>/css/public.css" />

href="<%=request.getContextPath()%>/css/ext.css" />

*假数据的构造

<%String str[] = new String[] { "项目名称1", "项目名称2" };

javax.faces.model.ArrayDataModel ad = new javax.faces.model.ArrayDataModel(str);

pageContext.setAttribute("ad", ad, PageContext.SESSION_SCOPE);

%>

1、inputTextarea

常用属性：cols

Rows

常用的写法：

2、inputText

常用属性：readonly

Size 框的大小

Maxlength 最多字符数

常用的写法：

Maxlength=”6”

style=”color:yellow;background:Teal;” />

3、outputText

常用属性：escape 如果设置为true，会转义<、>和＆字符。默认值为false

使用举例：

style="height:30;width:100%;text-align:center;" />

4、outputFormat

此标签用于tag体中指定的参来格式化组合的消息，

例如：

5、graphicImage

常用例子：

style=”border:thin solid black” />

style=”border:0px” />

6、commandButton

常用属性：

Type

使用举例：

action="" styleClass="button" />

7、commandLink

使用举例：

〈h:outputText value=”#{msgs.linkTex}” />

8、outputLink

使用举例：

9、selectBooleanCheckbox

复选框(单个的)

10、selectManyCheckbox

一组复选框

11、selectOneRadio

单选按钮

12、selectOneListbox

13、selectManyListbox

14、iframe

15、inputCalendar

currentDayCellClass="currentDayCell" renderAsPopup="true" popupTodayString="Today" popupWeekString="Week" popupDateFormat="yyyyMMdd" value=""/>

16、datatable2

17、表头为复杂的datatable

<%// 些处为复杂表格 %>

valign="middle" bgcolor="#f3f3f3">

<%// 些处为复杂表格 end %>

columnClasses="center" align="center">

18、HRDC的datatable

19、panelGrid

columnbgcolors="#F3F3F3,#FFFFFF,#F3F3F3,#FFFFFF"

columnwidths="20%,30%,20%,30%"

rowheights="22,22,22,22,22"

columnbgcolors="#F3F3F3,#ffffff,#F3F3F3,#ffffff"

columnaligns="left,center,right"

columnvaligns="top,top,"

colspan=”;2,2;2;3,1;”

>

20、selectOneMenu

21、标签页面：multlink

<%//顶部标签%>

align="left" />

22、页面弹出(按钮)

800,320,100,100)” value=”选择下一个审批人” styleClass=”button” />

23、分页的代码

lastRowIndexVar="lastRowIndex" style="display:inline" actionListener="#{customerMagnifierBackingBean.scrollerAction}">

24、上传下载

文档上传必须统一使用myfaces控件，不得使用其他上传方法。

界面：

Backingbean：

InputStream inputStream = new BufferedInputStream(myFile.getInputStream());

下载必须采用Basebackingbean的downLoadFile方法：

/**

* 文件下载

* @param object FileInputStream或ByteArrayOutputStream

* @param FileName 文件名

* @param contenttype 下载类型

*/

public void downLoadFile(Object object,String fileName,String contenttype)

界面主要是一个动作对应后台一个方法

Backingbean调用如下方法：

例如：

public String downloadExcel()

{

String contentType = "application/vnd.ms-excel";

// 获得Excel文件流(可能是输出流，也可能是输入流)

object = IBizApplicationUCC.downloadExcel(bizId)

// 生成默认文件名

defaultFileName = 文档类型代码.业务申报书 + BriefBizTaskVO.bizEventNumber

//弹出窗口给界面下载

downLoadFile(Object object,String defaultFileName ,String contenttype)

return null;

}