[CLOSED] TemplateColumn Click Not Registering

  1. #1

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

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

    Click image for larger version. 

Name:	Capture.JPG 
Views:	72 
Size:	14.9 KB 
ID:	3439

    Thanks,
    Peter
    Last edited by Daniil; Nov 14, 2011 at 12:32 PM. Reason: [CLOSED]
  2. #2
    Hi,

    Please set up RowSelectorDepth="12" for a GridView.
    http://docs.sencha.com/ext-js/3-4/#!...wSelectorDepth
  3. #3
    Quote Originally Posted by Daniil View Post
    Hi,

    Please set up RowSelectorDepth="12" for a GridView.
    http://docs.sencha.com/ext-js/3-4/#!...wSelectorDepth
    This worked perfectly, thanks. Problem solved.

Similar Threads

  1. [CLOSED] Registering script files with cache buster
    By jchau in forum 1.x Premium Help
    Replies: 1
    Last Post: Jun 20, 2011, 7:16 PM
  2. [CLOSED] Registering Images for UX extensions
    By craig2005 in forum 1.x Premium Help
    Replies: 1
    Last Post: Feb 13, 2011, 2:37 PM
  3. [CLOSED] Renderer on a TemplateColumn: not working
    By capecod in forum 1.x Premium Help
    Replies: 5
    Last Post: Dec 11, 2010, 12:34 AM
  4. [CLOSED] Problem with TemplateColumn
    By xeo4.it in forum 1.x Premium Help
    Replies: 4
    Last Post: Nov 30, 2010, 10:19 AM
  5. [CLOSED] Registering resources in Direct Methods/Events
    By r_honey in forum 1.x Premium Help
    Replies: 9
    Last Post: Oct 14, 2010, 10:27 AM

Tags for this Thread

Posting Permissions