Getting action event of table component inside java script function of anot

Question

Hello,
<af:document id="d1" partialTriggers="pt1" theme="dark">
<f:facet name="metaContainer">
<af:resource type="javascript"> function handleTableDoubleClick(evt) {
var table = evt.getSource(); AdfCustomEvent.queue(table, "TableDoubleClickEvent",{},true); evt.cancel();
function handleRowSelectionClick(evt) {
var component = evt.getSource();
AdfCustomEvent.queue(component, "rowSelectionClickEvent",{},true);
evt.cancel();
function handleLinkSelection(linkClickEvent){
var table=AdfPage.PAGE.findComponent("tbl");
alert("Components:"+table);
AdfActionEvent.queue(table,true);
</af:resource>
</f:facet>
<af:form id="f1" usesUpload="true">
<af:pageTemplate id="pt1" viewId="/ESOPM_Base_Template.jspx">
<f:facet name="main_content">
<af:panelStretchLayout id="pgl" bottomHeight="0px" inlineStyle="width:auto;">
<f:facet name="center">
<af:table varStatus="rowStat" width="auto" value="#{MainContentBean.collectionModel}"
rows="#{MainContentBean.collectionModel.rowCount}" rowSelection="single" contentDelivery="immediate"
var="row" rendered="true" id="tbl" >
<af:clientListener method="handleTableDoubleClick" type="dblClick"/>
<af:serverListener type="TableDoubleClickEvent" method="#{MainContentBean.HandleDoubleClickTable}"/>
<af:clientListener method="handleRowSelectionClick" type="click"/>
<af:serverListener type="rowSelectionClickEvent" method="#{MainContentBean.HandleRowSelection}"/>
<af:forEach items="#{MainContentBean.columnNames}" var="name">
<af:column sortable="true" headerText="#{name}" headerClass="TableHeader" sortProperty="#{name}"
inlineStyle="width:100px;" id="c1">
<af:panelGroupLayout id="pnl_grCol" halign="center" valign="middle">
<af:image source="/images/folder.gif" rendered="#{name eq 'Collection Name'}" visible="#{row['Document Type'] eq ''}"
id="i2"/>
<af:image source="/images/Computer_File.gif" rendered="#{name eq 'Collection Name'}"
visible="#{row['Document Type'] eq 'Document' or 'Application'}" id="i3"/>
<af:outputText value="#{row[name]}" id="aot1" clientComponent="true" >
<af:clientListener method="handleRowSelectionClick" type="click"/>
<af:serverListener type="SelectionClickEvent" method="#{MainContentBean.HandleRowSelection}"/>
</af:outputText>
</af:panelGroupLayout>
</af:column>
</af:forEach>
</af:table>
this is my code , In this when i am clicking on rowSelectionEvent its going to bean class i want the same action to be performed on the click of outputText so what can i do for that ,I want to execute same action as performed on table component for single click , on outputText
Regards
Mayur Mitkari

Answer 1

Hi,
I think there are two solutions to the problem
1. <af:outputText ... clientComponent="true"
2. If this doesn't work, replace af:outputText with <af:inputText ... readOnly="true"/>
Frank