| NetUI Tag Library Documentation (Version 1.0.2) | ||||||
DETAIL: Syntax | Description | Attributes | Example | Tag Info |
FRAMES NO FRAMES |
Renders an HTML input tag with which users can browse, select, and upload files from their local machine.
Syntax |
<netui:fileUpload
[accept="string_acceptTheseMIMETypes"]
dataSource="expression_datasource"
[dir="string_dir"]
[disabled="boolean_disabled"]
[lang="string_lang"]
[onBlur="string_onBlur"]
[onChange="string_onChange"]
[onClick="string_onClick"]
[onDblClick="string_onDblClick"]
[onFocus="string_onFocus"]
[onKeyDown="string_onKeyDown"]
[onKeyPress="string_onKeyPress"]
[onKeyUp="string_onKeyUp"]
[onMouseDown="string_onMouseDown"]
[onMouseMove="string_onMouseMove"]
[onMouseOut="string_onMouseOut"]
[onMouseOver="string_onMouseOver"]
[onMouseUp="string_onMouseUp"]
[onSelect="string_onSelect"]
[readonly="boolean_readOnly"]
[size="integer_fieldSize"]
[style="string_style"]
[styleClass="string_styleClass"]
[tabindex="string_tabIndex"]
[tagId="string_tagId"]
[title="string_title"] >
... JSP content ...
</netui:fileUpload>
Description |
To successfully upload files, the following two conditions must be met:
The
- The <netui:fileUpload> tag must have a parent <netui:form> tag with the attribute
enctype="multipart/form-data"
<netui:form action="uploadFile" enctype="multipart/form-data"> ... <netui:fileUpload tagId="inputbox" dataSource="actionForm.theFile" /> ... </netui:form>- The
dataSource
attribute must point to a Form Bean field of typeorg.apache.struts.upload.FormFile
.public static class UploadFileForm extends FormData { private org.apache.struts.upload.FormFile theFile; public void setTheFile(org.apache.struts.upload.FormFile theFile) { this.theFile = theFile; } public org.apache.struts.upload.FormFile getTheFile() { return this.theFile; } }
dataSource
attribute for the <netui:fileUpload> tag is write-only.
This means that the value of the <netui:fileUpload> tag
cannot be read back into the tag on postback.
Attributes | ||
accept |
The set of MIME types accepted for file upload. |
|
dataSource |
The For example, assume that the Controller file (= JPF file) contains a Form Bean with the property foo. Then the following <netui:textBox> tag will (1) draw populating data from the Form Bean's foo property and (2) submit user defined data to the same property. The When the tag is used to submit data, the data binding expression must refer to a Form Bean property. In cases where the tag is not used to submit data, but is used for displaying data only, the data binding expression need not refer to a Form Bean property. For example, assume that myIterativeData is a member variable on the Controller file ( = JPF file). The following <netui-data:repeater> tag draws its data from myIterativeData. |
|
dir |
Specifies the direction of text. ( LTR | RTL ) |
|
disabled |
Set the disable state either with the literal "true" or "false" or with an expression. |
|
lang |
Sets the language code for the base language of an element's attribute values and text content. |
|
onBlur |
The onBlur JavaScript event. |
|
onChange |
The onChange JavaScript event. |
|
onClick |
The onClick JavaScript event. |
|
onDblClick |
The onDblClick JavaScript event. |
|
onFocus |
The onFocus JavaScript event. |
|
onKeyDown |
The onKeyDown JavaScript event. |
|
onKeyPress |
The onKeyPress JavaScript event. |
|
onKeyUp |
The onKeyUp JavaScript event. |
|
onMouseDown |
The onMouseDown JavaScript event. |
|
onMouseMove |
The onMouseMove JavaScript event. |
|
onMouseOut |
The onMouseOut JavaScript event. |
|
onMouseOver |
The onMouseOver JavaScript event. |
|
onMouseUp |
The onMouseUp JavaScript event. |
|
onSelect |
The onSelect JavaScript event. |
|
readonly |
Boolean. Determines whether or not the file upload field is read-only. |
|
size |
Integer. The number of characters visible in the file upload field. |
|
style |
Specifies style information for the current element. |
|
styleClass |
The style class (a style sheet selector). |
|
tabindex |
The tabIndex of the rendered HTML tag. This attribute determines the position of the rendered HTML tag in the sequence of tags that the user may advance through by pressing the TAB key. |
|
tagId |
String value. Sets the For example, assume that some tag's <netui:textBox tagId="foo" /> Then the following JavaScript function will return the real id attribute rendered in the browser: lookupIdByTagId( "foo", this ) To get a <netui:form> element and all of its children elements in JavaScript, use
the same JavaScript function <netui:form tagId="bar" > Then the following JavaScript function will return the <netui:form> element and its children (packaged as an array). document[lookupIdByTagId( "bar", this )] To retreive the value entered into a <netui:textBox> within the <netui:form> tag, use the following JavaScript expression. document[lookupIdByTagId("bar", this)][lookupIdByTagId("foo", this)].value The second parameter ensures that the JavaScript function
begins its search within the correct Portlet scope. Pass the
JavaScript keyword |
|
title |
The title. |
Example |
In the following example, note the enctype
attribute of the
enclosing <netui:form> tag.
<netui:form action="uploadFile" enctype="multipart/form-data"> <netui:fileUpload tagId="inputbox" dataSource="actionForm.theFile" /> <netui:button value="Upload File" /> </netui:form>Note that the <netui:fileUpload> tag submits the file to Form Bean property
theFile
. This
property must be of type org.apache.struts.upload.FormFile
:
public static class UploadFileForm extends FormData { private org.apache.struts.upload.FormFile theFile; public void setTheFile(org.apache.struts.upload.FormFile theFile) { this.theFile = theFile; } public org.apache.struts.upload.FormFile getTheFile() { return this.theFile; } }
Tag Information | |
Tag Class | org.apache.beehive.netui.tags.html.FileUpload |
TagExtraInfo Class | None |
Body Content | JSP |
Display Name | None |
|
||||||
DETAIL: Syntax | Description | Attributes | Example | Tag Info |
FRAMES NO FRAMES |