[CLOSED] Row Expander Column Sizing and Grid Event

Threaded View

Previous Post Previous Post   Next Post Next Post
  1. #1

    [CLOSED] Row Expander Column Sizing and Grid Event

    Hello,
    I got a problem with column sizing as you can see in the attachment below, when the text length is longer than the column width, the column header didn't resize accordingly. Please help with this.



    Another question about row expander, how to attach click event on selected grid as attachment below.




    The aspx code:

    <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm7.aspx.vb" Inherits="RowExpen.WebForm7" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title></title>
       
    </head>
    <body>
        <form id="Form1" runat="server">              
                    
         <ext:ResourceManager ID="ResourceManager1" runat="server" />
        <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager>
    <ext:Viewport ID="Viewport1" runat="server" Layout="fit">
           <Items>
             <ext:GridPanel ID="GridPanel1"
                runat="server"
                Title="Expander Rows with GridPanel"
                Collapsible="true"
                AnimCollapse="true"
                Icon="Table"
                Width="600"
                Height="450"
                DisableSelection="true" 
                Resizable="True">
                <Store>
                    <ext:Store ID="Store1" runat="server">
                        <Model>
                            <ext:Model ID="Model1" runat="server" IDProperty="ID">
                                <Fields>
                                    <ext:ModelField Name="ID" />
                                    <ext:ModelField Name="Name" />
                                    <ext:ModelField Name="Description" />
                                </Fields>
                            </ext:Model>
                        </Model>
                    </ext:Store>
                </Store>
                 
                <ColumnModel ID="ColumnModel1" runat="server">
                    <Columns>
                        <ext:Column ID="Column1" runat="server" Text="ID" DataIndex="ID" Flex="1" />
                        <ext:Column ID="Column2" runat="server" Text="Name" DataIndex="Name" Flex="1" />
                        <ext:Column ID="Column3" runat="server" Text="Description" DataIndex="Description" Flex="1" />
                    </Columns>
                </ColumnModel>
    
                <Plugins>
                    <ext:RowExpander ID="RowExpander1" runat="server" SwallowBodyEvents="true"
                        Collapsible="true"
                        AnimCollapse="true"
                        Icon="Table"
                        Width="600"
                        AutoScroll="True" 
                        Border="True" Header="false" TrackMouseOver="true" Cls="gridFont"
                        Layout="FitLayout" StripeRows="true">
    
                    <Loader ID="Loader1" runat="server" DirectMethod="#{DirectMethods}.GetGrid" Mode="Component">
                        <LoadMask ShowMask="true" />
                        <Params>
                            <ext:Parameter Name="id" Value="this.record.getId()" Mode="Raw" />
                        </Params>
                     </Loader>
                    </ext:RowExpander>
                </Plugins>
                <Listeners>
                    <ViewReady Handler="this.view.on('beforerowupdate', rerenderNestedGrid);" />
                </Listeners>
        </ext:GridPanel>
               </Items>
       </ext:Viewport>
        </form>
    </body>
    </html>
    Attached Thumbnails Click image for larger version. 

Name:	Header.png 
Views:	87 
Size:	25.2 KB 
ID:	10961   Click image for larger version. 

Name:	event Click in Row Expender.png 
Views:	71 
Size:	14.8 KB 
ID:	10971  
    Last edited by Daniil; May 28, 2014 at 4:23 AM. Reason: [CLOSED]

Similar Threads

  1. [CLOSED] Hide expander column
    By RRD in forum 2.x Legacy Premium Help
    Replies: 7
    Last Post: Jul 29, 2013, 4:37 AM
  2. Replies: 6
    Last Post: Oct 15, 2012, 6:20 AM
  3. Replies: 1
    Last Post: Jun 28, 2012, 9:39 PM
  4. [CLOSED] Grid column alignment + row expander
    By machinableed in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Jun 14, 2012, 12:50 PM
  5. [CLOSED] Editable column on grid: how to raise an event for saving
    By digitek in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Mar 13, 2012, 11:02 AM

Posting Permissions