<bc4juix:Image>

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タグです。次の処理が行われます。

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

属性