HTMLの<IMG>
タグを生成して、データソースからイメージを表示するinterMediaタグです。
JSP構文
<bc4juix:Image
datasource = "dataSourceName"
attrName="VOAttrName"
[ amConfig = "appModConfigString" ]
[ id = "idString" ]
[ nodeID = "nodeIDString" ]
[ source = "URI" ]
[ sourceBinding = "sourceBindingString" ]
[ height = "imageHeight" ]
[ heightBinding = "heightBinding" ]
[ width = "imageWidth" ]
[ widthBinding = "widthBinding" ]
[ hAlign = "Center | Left | Right | Start | End" ]
[ hAlignBinding = "hAlignBinding" ]
[ longDescURL = "URL" ]
[ longDescURLBinding = "longDescURLBinding" ]
[ destination = "URI" ]
[ destinationBinding = "destinationBinding" ]
[ borderWidth = "imageBorderWidth" ]
[ borderWidthBinding = "borderWidthBinding" ]
[ text = "string" ]
[ textBinding = "textBinding" ]
[ accessKey = "character" ]
[ accessKeyBinding = "accessKeyBinding" ]
[ inlineStyleBinding = "inlineStyleBinding" ]
[ styleClass = "CSS className" ]
[ styleClassBinding = "styleClassBinding" ]
[ shortDesc = "shortDescription" ]
[ shortDescBinding = "shortDescBinding" ]
[ onClick = "event handler" ]
[ onClickBinding = "onClickBinding" ]
[ onDoubleClick = "event handler" ]
[ onDoubleClickBinding = "onDoubleClickBinding" ]
[ onMouseDown = "event handler" ]
[ onMouseDownBinding = "onMouseDownBinding" ]
[ onMouseUp = "event handler" ]
[ onMouseUpBinding = "onMouseUpBinding" ]
[ onMouseOver = "event handler" ]
[ onMouseOverBinding = "onMouseOverBinding" ]
[ onMouseMove = "event handler" ]
[ onMouseMoveBinding = "onMouseMoveBinding" ]
[ onMouseOut = "event handler" ]
[ onMouseOutBinding = "onMouseOutBinding" ]
[ onKeyPress = "event handler" ]
[ onKeyPressBinding = "onKeyPressBinding" ]
[ onKeyDown = "event handler" ]
[ onKeyDownBinding = "onKeyDownBinding" ]
[ onKeyUp = "event handler" ]
[ onKeyUpBinding = "onKeyUpBinding" ]
[ rendered = "true | false" ]
[ renderedBinding = "renderedBinding" ]
/>
例
次の例では、バインド先のデータソースからイメージを表示します。
<jbo:ApplicationModule configname="mypackage1.Mypackage1Module.Mypackage1ModuleLocal" id="app1" />
<jbo:DataSource id="ds1" appid="app1" viewobject="EmpView" rangesize="4" />
<jbo:RowsetNavigate datasource="ds1" action="First" />
<bc4juix:Image datasource="ds1" attrName="EmpPicture" />
次の例では、<bc4juix:Image>
タグが、<bc4juix:Table>
タグ内で使用されます。
<jbo:ApplicationModule configname="mypackage1.Mypackage1Module.Mypackage1ModuleLocal" id="app1" />
<jbo:DataSource id="ds1" appid="app1" viewobject="EmpView" rangesize="4" />
<bc4juix:Table width="100%" datasource="ds1" >
<uix:columnHeaderStamp>
<uix:styledText textBinding="LABEL"/>
</uix:columnHeaderStamp>
<bc4juix:StyledText datasource="ds1" dataitem="EmpNo" />
<bc4juix:StyledText datasource="ds1" dataitem="EmpName" />
<bc4juix:Image datasource="ds1" attrName="EmpPic" />
</bc4juix:Table>
説明
<bc4juix:Image>
タグは、HTMLの<IMG>
タグを生成して、データソースおよびビュー・オブジェクトのイメージを表示するinterMediaタグです。次の処理が行われます。
<IMG>
タグが出力されます。 <bc4juix:Image>
タグのwidthまたはheight属性が設定されている場合、その属性と値が<IMG>
タグに表示されます。<bc4juix:Image>
要素のwidthまたはheight属性が設定されていない場合、バインドされたBC4J VO属性がOrdImage型の場合は、OrdImageオブジェクトのwidthおよびheightプロパティが取得され、<IMG>
タグのwidthおよびheight属性のデフォルト値として設定されます。 <bc4juix:Image>
タグのwidthまたはheight属性が設定されていない場合、およびOrdImageオブジェクトのwidthまたはheightプロパティがゼロの場合は、生成された<IMG>
タグにはwidthおよびheight属性がありません。<bc4juix:Image>
タグからは何も生成されません。<IMG>
タグは生成されますが、ブラウザには無効なイメージ・アイコンが表示されます。<bc4juix:Image>
には、interMediaオブジェクトへの静的なバインド、またはinterMedia列(または属性)への動的なバインドの、2つの異なる使用方法があります。
1つ目の場合、interMediaオブジェクトに対するURL文字列が、UINodeツリーの作成時に<bc4juix:Image>
タグのsource属性に設定されます。レンダリングの際に、イメージ・レンダラによってImageBeanのsource属性からURL文字列がフェッチされ、生成されたHTMLの<IMG>
要素に配置されます。次に例を示します。
<jbo:DataSource id="ds1" ..../>
<jbo:Row id="row1" datasource="ds1" action="Find" rowkey="xxxx" >
<bc4juix:Image datasource="ds1" attrName="Picture" />
</jbo:Row>
2つ目の場合、<bc4juix:Image>
タグは、<bc4juix:Table>
タグ内で使用する必要があります。URL文字列は、UINodeツリーの作成時にImageBeanのsource属性に設定されません。BoundValueオブジェクトのみがImageBeanのsource属性に設定されます。レンダリングの際、イメージ・レンダラによるDataObjectListの繰返し時に、interMediaオブジェクトのリストがImageBeanにバインドされます。繰返しごとに、URLが作成され、新規HTMLの<IMG>
要素に配置されます。次に例を示します。
<bc4juix:Table width="100%" datasource="ds1" >
<uix:columnHeaderStamp>
<uix:styledText textBinding="LABEL"/>
</uix:columnHeaderStamp>
<bc4juix:StyledText datasource="ds1" dataitem="EmpNo" />
<bc4juix:StyledText datasource="ds1" dataitem="EmpName" />
<bc4juix:Image datasource="ds1" attrName="EmpPic" />
</bc4juix:Table>
属性
<bc4juix:Image>
タグに指定されている場合、生成されたURLにはamConfigパラメータが含まれ、非コンテキストのURLになります。それ以外の場合は、生成されたURLにはamConfigパラメータは含まれず、コンテキストURLのままです。center
、left
、right
、start
およびend
です。