Nov 14, 2011, 10:35 AM
[CLOSED] TemplateColumn Click Not Registering
I'm having an odd problem with my TemplateColumn. I'm trying to recreate an Outlook-style layout, as such I have this layout defined for a column:
Thanks,
Peter
<ext:TemplateColumn ColumnID="colOutlookStyle" Groupable="false">
<Template runat="server">
<Html>
<tpl for=".">
<table style="width:100%;">
<tr>
<td style="width:20px;">
<div class="{IsRead:this.getStatusIcon}" style="width:16px;height:16px;"></div>
</td>
<td>
<div>
<span>{FromEmailAddress:ellipsis(30)}</span>
<div style="float:right;">
{DateReceived:date("d/m/Y")}
</div>
</div>
<div style="color:gray;clear:both;">
{Subject:ellipsis(40)}
</div>
</td>
<td style="width:20px;">
<div class='<tpl if="HasAttachments">icon-attach</tpl>' style="width:16px;height:16px;"></div>
</td style="width:20px;">
<td style="width:20px;">
<div class='{Importance:this.getFlagStatus}' style="width:16px;height:16px;"></div>
</td>
</tr>
</table>
</tpl>
</Html>
<Functions>
<ext:JFunction Name="getStatusIcon" Fn="getStatusIcon" />
<ext:JFunction Name="getFlagStatus" Fn="getFlagStatus" />
</Functions>
</Template>
</ext:TemplateColumn>
The display is perfect, exactly what I want. The problem is when I try to click on each email, I only seem to be able to click on the white-space, rather than the text itself to select the row. I'm using a regular RowSelectionModel: <SelectionModel>
<ext:RowSelectionModel ID="selModelEmailList" runat="server" SingleSelect="true">
<DirectEvents>
......
I can inspect the HTML elements, and I think I can see what the problem is, I just don't know how to fix it. There are seperate elements at the left and right side for various flags, which seem to be clickable.Thanks,
Peter
Last edited by Daniil; Nov 14, 2011 at 12:32 PM.
Reason: [CLOSED]