Automatic creation of thumbnail image in BC4J App

Question

I have created a BC4J application using the default wizards that displays the content of the following table:
CREATE TABLE EMPLOYEE_PHOTO (
ID NUMBER (3) NOT NULL,
DESCRIPTION VARCHAR2 (20),
PIC ORDIMAGE,
THUMB ORDIMAGE,
EMPLOYEE_NAME VARCHAR2 (50))
The 'browse' jsp displays the id, description and thumb image.
The 'edit' jsp allows the user to enter the description, employee_name and upload file details for the pic image.
I have 2 problems with the application.
1. How do I set the 'browse' jsp to display the thumb image as an anchor tag that points to the 'edit' jsp ?. I would also like to dynamically set the hint text for the thumb image to 'employee_name' from the database table.
2. In the 'edit' jsp I want to invoke the Intermedia processCopy method to automatically create the thumbnail image from the image file specified by the user. How do I accommodate this method into the default code ?
Thanks in advance
Chris

Answer 1

Chris,
Basically, you have to use the "manual" mode of the rendering instead of the "automatic" mode. The JDev Wizard
generated JSP page uses the "automatic" mode which is hard to customize. The characteristic of the "automatic"
mode is using the <AttributeIterate> tag to iterate through all attributes. You have to change the following JSP files
to achieve what you wanted.
1. DataTableComponent.jsp
<%@ page language="java" import = "oracle.jbo.html.*, oracle.jbo.*" %>
<%@ taglib uri="/webapp/DataTags.tld" prefix="jbo" %>
<%
RequestParameters params = HtmlServices.getRequestParameters(pageContext);
String editTargetParam = params.getParameter("edittarget");
if ("null".equalsIgnoreCase(editTargetParam))
editTargetParam = null;
%>
<jbo:DataSourceRef id="dsBrowse" reference='<%=params.getParameter("datasource")%>' />
<table class="clsTable" cellspacing="1" cellpadding="3">
<tr class="clsTableRow"><%
if (editTargetParam != null)
%>
<th class="clsTableHeader"> </th>
<th class="clsTableHeader"><a href="<jbo:UrlEvent targeturlparam='edittarget' event='Create' datasource='dsBrowse' extraparameters='<%=originURL=" + params.getParameter("originURL")%">'/>">New</a></th><%
%>
<th title="<jbo:ShowHint datasource="dsBrowse" hintname='TOOLTIP' dataitem="Id"/>" class="vrTableHeader"><jbo:ShowHint datasource="dsBrowse" hintname="LABEL" dataitem="Id">##Column</jbo:ShowHint></th>
<th title="<jbo:ShowHint datasource="dsBrowse" hintname='TOOLTIP' dataitem="Description"/>" class="vrTableHeader"><jbo:ShowHint datasource="dsBrowse" hintname="LABEL" dataitem="Description">##Column</jbo:ShowHint></th>
<th title="<jbo:ShowHint datasource="dsBrowse" hintname='TOOLTIP' dataitem="Thumb"/>" class="vrTableHeader"><jbo:ShowHint datasource="dsBrowse" hintname="LABEL" dataitem="Thumb">##Column</jbo:ShowHint></th>
</tr><%
Row currentRow = dsBrowse.getRowSet().getCurrentRow();
%>
<jbo:RowsetIterate datasource="dsBrowse" changecurrentrow="false" userange="true">
<jbo:Row id="aRow" datasource="dsBrowse" action="Active"/><%
String rowStyle;
if (aRow == currentRow)
rowStyle = "clsCurrentTableRow";
else
rowStyle = "clsTableRow";
%>
<tr class="<%=rowStyle%>"><%
if (editTargetParam != null)
%>
<td class="tablecell"><a href="<jbo:UrlEvent targeturlparam='originURL' event='Delete' datasource='dsBrowse' addrowkey='true'/>">Delete</a>
</td>
<td class="tablecell"><a href="<jbo:UrlEvent targeturlparam='edittarget' event='Edit' datasource='dsBrowse' addrowkey='true' extraparameters='<%="originURL=" + params.getParameter("originURL")%>'/>">Edit</a>
</td><%
%>
<td title="<jbo:ShowHint hintname='TOOLTIP' dataitem="Id"/>" class="tablecell" >
<jbo:RenderValue datasource="dsBrowse" dataitem="Id">##Cell</jbo:RenderValue>
</td>
<td title="<jbo:ShowHint hintname='TOOLTIP' dataitem="Description"/>" class="tablecell" >
<jbo:RenderValue datasource="dsBrowse" dataitem="Description">##Cell</jbo:RenderValue>
</td>
<td title="<jbo:ShowHint hintname='TOOLTIP' dataitem="Thumb"/>" class="tablecell" >
<A href="<jbo:UrlEvent targeturlparam='edittarget' event='Edit' datasource='dsBrowse' addrowkey='true' extraparameters='<%="originURL=" + params.getParameter("originURL")%>'/>">
<jbo:EmbedImage datasource="dsBrowse" mediaattr="Thumb" altattr="EmployeeName" />
</A>
</td>
</tr>
</jbo:RowsetIterate>
</table>
2. DataEditComponent.jsp
<%@ page language="java" import = "oracle.jbo.html.*" %>
<%@ taglib uri="/webapp/DataTags.tld" prefix="jbo" %>
<%
RequestParameters params = HtmlServices.getRequestParameters(pageContext);
String dsParam = params.getParameter("datasource");
String formName = dsParam + "_form";
String rowAction = "Current";
%>
<jbo:DataSourceRef id="dsEdit" reference="<%=dsParam%>" />
<jbo:OnEvent name="edit" datasource="dsEdit">
<% rowAction = "Get"; %>
</jbo:OnEvent>
<jbo:OnEvent name="create" datasource="dsEdit">
<% rowAction = "Create"; %>
</jbo:OnEvent>
<form name="<%=formName%>" action="<%=params.getParameter("targetURL")%>" method="post" enctype="multipart/form-data">
<jbo:Row id="rowEdit" datasource="dsEdit" rowkeyparam="jboRowKey" action="<%=rowAction%>">
<table border="0">
<tr>
<td title="<jbo:ShowHint hintname='TOOLTIP' dataitem="Id"/>" align="right">
<b>
<jbo:ShowHint hintname="LABEL" dataitem="Id">##Column</jbo:ShowHint>
</b>
</td>
<td title="<jbo:ShowHint hintname='TOOLTIP' dataitem="Id"/>">
<jbo:InputRender datasource="dsEdit" dataitem="Id" formname="<%=formName%>" />
</td>
</tr>
<tr>
<td title="<jbo:ShowHint hintname='TOOLTIP' dataitem="Description"/>" align="right">
<b>
<jbo:ShowHint hintname="LABEL" dataitem="Description">##Column</jbo:ShowHint>
</b>
</td>
<td title="<jbo:ShowHint hintname='TOOLTIP' dataitem="Description"/>">
<jbo:InputRender datasource="dsEdit" dataitem="Description" formname="<%=formName%>" />
</td>
</tr>
<tr>
<td title="<jbo:ShowHint hintname='TOOLTIP' dataitem="Pic"/>" align="right">
<b>
<jbo:ShowHint hintname="LABEL" dataitem="Pic">##Column</jbo:ShowHint>
</b>
</td>
<td title="<jbo:ShowHint hintname='TOOLTIP' dataitem="Pic"/>">
<jbo:InputRender datasource="dsEdit" dataitem="Pic" formname="<%=formName%>" />
</td>
</tr>
<tr>
<td title="<jbo:ShowHint hintname='TOOLTIP' dataitem="EmployeeName"/>" align="right">
<b>
<jbo:ShowHint hintname="LABEL" dataitem="EmployeeName">##Column</jbo:ShowHint>
</b>
</td>
<td title="<jbo:ShowHint hintname='TOOLTIP' dataitem="EmployeeName"/>">
<jbo:InputRender datasource="dsEdit" dataitem="EmployeeName" formname="<%=formName%>" />
</td>
</tr>
</table>
<jbo:FormEvent event="update" datasource="dsEdit" addrowkey="true" />
</jbo:Row>
<%-- Pass along originURL parameter --%>
<input type="hidden" name="originURL" value="<%=params.getParameter("originURL")%>">
<input type="submit" value="Update">
<input type="reset" value="Reset">
</form>
3. DataHandlerComponent.jsp
<%@ page language="java" %>
<%@ page errorPage="errorpage.jsp" %>
<%@ page import="oracle.jbo.ApplicationModule" %>
<%@ page import="oracle.jbo.html.*" %>
<%@ page import="oracle.ord.im.*" %>
<%@ taglib uri="/webapp/DataTags.tld" prefix="jbo" %>
<%
RequestParameters params = HtmlServices.getRequestParameters(pageContext);
String targetParam = params.getParameter("targetURL");
String amId = params.getParameter("amId");
String voName = params.getParameter("jboEventVo");
%>
<%
if (voName != null)
{ %>
<jbo:DataSource id="ds" appid="<%=amId%>" viewobject="<%=voName%>" />
<jbo:OnEvent name="update">
<jbo:Row id="myrow" datasource="ds" rowkeyparam="jboRowKey" action="Update" />
<%
myrow.setAttribute("Thumb", new OrdImageDomain());
String myRowKey = myrow.getKey().toStringFormat(false);
%>
<jbo:PostChanges appid="<%=amId%>" />
<jbo:Row id="theRow" datasource="ds" action="Find" rowkeyparam="jboRowKey" >
<%
OrdImageDomain pic = (OrdImageDomain) theRow.getAttribute("Pic");
OrdImageDomain thumb = (OrdImageDomain) theRow.getAttribute("Thumb");
pic.processCopy("scale=\"0.1\"", thumb);
%>
</jbo:Row>
</jbo:OnEvent>
<jbo:OnEvent name="delete">
<jbo:Row id="delrow" datasource="ds" rowkeyparam="jboRowKey" action="Delete" />
</jbo:OnEvent>
<%-- Scroll event handling --%>
<jbo:OnEvent list="firstset, nextset, previousset, lastset">
<jbo:RowsetNavigate datasource="ds" />
</jbo:OnEvent>
<%-- Navigation event handling --%>
<jbo:OnEvent list="first, next, previous, last">
<jbo:RowsetNavigate datasource="ds" />
</jbo:OnEvent>
<%-- Query event handling --%>
<jbo:OnEvent name="Del Criteria" >
<% String remove = params.getParameter("index"); %>
<jbo:ViewCriteria id="vc" datasource="ds" action="append">
<jbo:CriteriaRow id="row<%=remove%>" index="<%=remove%>" clearall="true" />
</jbo:ViewCriteria>
</jbo:OnEvent>
<jbo:OnEvent name="Clear All" >
<jbo:ViewCriteria id="vc" datasource="ds" action="new" />
</jbo:OnEvent>
<jbo:OnEvent list="Search, Add Criteria" >
<% String rowParam = params.getParameter("nRows");
int nRows = 0;
if (rowParam != null)
try { nRows = Integer.parseInt(rowParam); }
catch (Exception ex) { }
%>
<jbo:ViewCriteria id="vc" datasource="ds" action="new">
<% for (int index=0; index < nRows; index++)
{ %>
<jbo:CriteriaRow id="row<%=index%>" >
<jbo:AttributeIterate id="attrvc" datasource="ds" queriableonly="true">
<% String item = attrvc.getName();
String value = params.getParameter("row" + index + "_" + item); %>
<jbo:Criteria dataitem="<%=item%>" value="<%=value%>" />
</jbo:AttributeIterate>
</jbo:CriteriaRow>
<% } %>
</jbo:ViewCriteria>
</jbo:OnEvent>
<% }%>
<%-- Transaction event handling --%>
<jbo:OnEvent name="Commit" >
<jbo:Commit appid="<%=amId%>"/>
</jbo:OnEvent>
<jbo:OnEvent name="Rollback" >
<jbo:RollBack appid="<%=amId%>"/>
</jbo:OnEvent>
Hope this helps.
richard
</a>