JSF と HTML 間の接続 tags_html/css_WEB-ITnose

*页面の开头

href="/css/style_organ.css" />

href="/css/public.css" />

< ;link rel="stylesheet" type="text/css"

href="/css/ext.css" />

*假データ的构造

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

サイズ框的大小

最大長 最大文字数

常用的写法：

Maxlength=”6”

style=”color:黄色;背景:ティール;” />

3、outputText

常用プロパティ：escape 設定が true の場合、会转义和＆字。默承認値は false

使用例：

style="高さ: 30; 幅: 100%; text-align:center;" />

4、outputFormat

ここ标签はタグ体中指定の参来格式化組合的メッセージ、

例：

5、 graphicImage

常用例:

style=”border:thin ソリッドブラック” />

style=”border:0px” />

6、コマンドボタン

常用プロパティ：

タイプ

使用例：

「ボタン」 />

＆lt; h：panelgrid columns = "6" align = "center" cellspacing = "5"＆gt; gt; select： " /＆gt; CommandButton 値 = "アクション =" "" styleClass = "ボタン" /& GT;

& LT; コマンドボタン値 = "削除承認意見" OnClick = "JavaScript: CANCELAPPRO Val () "

アクション =" STYLECLASS = "ボタン" />

7

,

commandLink

使用例:

＆lt;/h：commandlink＆gt;

8

、

outputlinkusage例：＆lt; h：outputlink value =”” title =” outputlinkのタイトル”ターゲット= "blank”＆gt;ソロ)

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

/& Lt;/h: colorn & gt;

& lt;/xmdc: datatable2 & gt;

17

、頭部は複雑です

Datatable & lt;%//

" rowspan=" 2" align="center"

putText value="プロジェクト" />

htm:tdcolspan="5" align= "center" bgcolor="#f3f3f3">

putText value="短期労働契約社員" />

;/htm:td>

f3f3">

"監査システム担当者" />

~

& Lt;/htm: TD & GT;

& LT;/HTM: TR & GT;

& LT;/HTM: テーブル & GT; ;

& LT;%// 2 value="#{ad}" var="blankstr" width="650" FALSE "VALUE ="#{BlankStr} " /& gt;

& lt; 列 & gt;

& lt; h: 列 & & gt; h: Outputtext =" false " e = "#{Blankstr}" />

column＆gt;

18

、HRDC的datatable

& lt;/h:column>

:column>

ファセット>

h:列>

n>

19、panelGrid

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

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

行高さ = "22,22,22,22,22"

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

columnaligns="left,center,right"

columnvaligns="top,top,"

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

>

20、 ワンメニューを選択

21、标签页面：multlink

align="left" />

22、页面弹出 (按钮)

)

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

23、分页的代码

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

/ f:facet>

> ;

;/h:outputFormat>

グリッド>

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";ファイル ストリーム (出力ストリームまたは入力ストリームの場合があります)

. VO.bizEventNumber

// ポップアップ ウィンドウ ダウンロード

w w w

(Object オブジェクト、String DefaultFilename、String ContentType)

Null を返します。