Home  >  Article  >  Web Front-end  >  The connection between JSF and HTML tags_html/css_WEB-ITnose

The connection between JSF and HTML tags_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:51:441167browse

*页面的开头

<%@ 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);

%>

1inputTextarea

常用属性:cols

          Rows

常用的写法:

2inputText

   常用属性:readonly

               Size       框的大小

               Maxlength  最多字符数

     常用的写法:

Maxlength=”6”

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

3outputText

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

使用举例:

 

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

4outputFormat

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

例如:

 

 

 

 

5graphicImage

      常用例子:

          style=”border:thin solid black” />

           style=”border:0px” />

      

6commandButton

     常用属性:

         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” />

         

         

     

13selectManyListbox

   

         

         

         

         

     

14iframe

15inputCalendar

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

16datatable2

                                          

                                                 

                                                        

                                                 

                                                 

                                          

                                          

                                                 

                                                        

                                                 

                                                 

                                          

                                          

                                                 

                                                        

                                                 

                                                 

                                          

                                          

                                                 

                                                        

                                                 

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

                                                                                   🎜>

                                                                              🎜>                      

                            

                     

                     

                            

                     

                     

                            

                     

                     

                            

                     

                     

                            

                     

                     

                            

                     

                     

                            

                     

              

18HRDCdatatable

       

              

                     

              

              

              

       

       

              

                     

              

              

       

       

              

                     

              

              

       

       

              

                     

              

              

       

       

              

                     

              

              

       

       

              

                     

              

              

       

       

              

                     

              

              

       

       

              

                     

              

              

       

       

              

                     

              

              

       

       

              

                     

              

              

       

       

              

                     

              

              

       

       

              

                     

              

              

       

       

              

                     

              

              

                     

              

       

19panelGrid

 

       

              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;”

              >

              

              

              

              

              

              

              

              

       

20selectOneMenu

       

       

       

       

       

       

       

       

       

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;

}

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn