The connection between JSF and HTML tags_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" />

                                                             < 0" itemLabel="Next" />

                                                                                                                      /> ="" styleClass="button" /> "button" />

7

,

commandLink

Usage example:

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

8, outputLink

Usage example:

                                                                                                     ;h:outputLink value="http://www.ccb.cn">

                                                                                                                        

9, selectBooleanCheckbox

Checkbox (single)

       

10

,

selectManyCheckbox

One Group checkbox  

>、

selectOneRadio Radio button

="All staff" />

                                                                                                               ​ ;

12

,

selectOneListbox

                                                                                                                value=”1901” itemLabel=”1901” />

         

         

     

13、selectManyListbox

   

         

         

         

         

     

14、iframe

15、inputCalendar

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

16、datatable2

                                          

                                                 

                                                        

                                                 

                                                 

                                          

                                          

                                                 

                                                        

                                                 

                                                 

                                          

                                          

                                                 

                                                        

                                                 

                                                 

                                          

                                          

                                                 

                                                        

                                                 

& lt;/h: colorn & gt;

& lt;/xmdc: datatable2 & gt;

17 >datatable

<%//                                                                                                                                                                                                                                                                         >

  >

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

                                        

                                                                                          🎜>                                                                                                         ​ Text value="Medium and long-term labor contract employees" />

& lt;/htm: td & gt;

& lt; htm: td rowspan = "2" align = "center" width = "56" bgcolor = "#f3f3f3" & gt;

>                                                                                                                                              <                                                                                                                            " width="56" bgcolor="#f3f3f3">

                                                          

                                                                                   ;h:outputText value="Audit system personnel" / >

                            

                            

                                   

                            

                     

                     

                            

                                   

                            

                            

                                   

                            

                            

                                   

                            

                            

                                   

                            

                            

                                   

                                                                                                                                                                                                            

                                                  🎜>

                                                                                      value="Total" />

                                                                                                           color="#f3f3f3">

                                                                                                                                                                                      ​ 🎜>

                                                                           >

                                                                                                                           dataTable2 value="#{ad}" var = "blankstr" width = "650"                      

                                                                       🎜>                                                                                           h:outputText escape="false" value="#{blankstr}" />

                                                                                   🎜>

                                                                              🎜>                      

                            

                     

                     

                            

                     

                     

                            

                     

                     

                            

                     

                     

                            

                     

                     

                            

                     

                     

                            

                     

              

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}">

                            

                                   

                            

                            

                                   

                            

                            

                                   

                            

                            

                                   

                            

                     

                     

                                                                                                                                                                                                                 

                                                                                                                                              < t;

                                                                                 value="#{pageCount}" />

                                                                                                                                🎜>                                                                                   

                                                                                                                                                                                                                                                                      Use another upload method.

Interface:

Backingbean:

InputStream inputStream = new BufferedInputStream(myFile.getInputStream()); Downloading must use the downLoadFile method of Basebackingbean: /**

* File download

* @param object FileInputStream or ByteArrayOutputStream

* @param FileName File name

* @param contenttype Download type

*/

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

The interface is mainly an action corresponding to a method in the background

Backingbean calls the following method:

For example:

public String downloadExcel()

{

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

/ / Get the Excel file stream (may be an output stream or an input stream)

object = IBizApplicationUCC.downloadExcel(bizId)

        defaultFileName = Document type code. Business declaration BriefBizTaskVO.bizEventNumber

//Pop-up window for interface download

downLoadFile(Object object,String defaultFileName,String contenttype)

                return null;

}