[CLOSED] Row Expander Column Sizing and Grid Event

Page 1 of 2 12 LastLast
  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]
  2. #2
    Hi @redi,

    Quote Originally Posted by redi View Post
    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.
    I cannot reproduce. I think it might be already fixed in the SVN trunk. Please try to update and re-test. If it is still reproducible, please provide a full test case. You can put the code behind directly into the ASPX page wrapping in
    <script runat="server">
         // code behind methods
    </script>
    Quote Originally Posted by redi View Post
    Another question about row expander, how to attach click event on selected grid as attachment below.
    Please start a new forum thread.
  3. #3
    Hi Danil,
    We use vb.net so we cannot put it directly on aspx.

    Here's the behind code:

    <DirectMethod()> _
        Public Shared Function GetGrid(ByVal parameters As Dictionary(Of String, String)) As String
            Dim grid As New GridPanel
    
            Dim data As New DataSet
            Dim blWeb As New BLRef.wsOHService
            Dim AuthStateString(3) As String
            AuthStateString(0) = "ariefwm"
            AuthStateString(1) = "resign"
            AuthStateString(2) = "127.0.0.1"
            data = blWeb.wsOHSlAllGroupCode(AuthStateString)
            grid = GetRowExpander(data, parameters, grid, "Code", parameters.Values(0))
    
            Return ComponentLoader.ToConfig(grid)
        End Function
    
        Public Shared Function GetRowExpander(ByVal data As DataSet, _
                                              ByVal parameters As Dictionary(Of String, String), _
                                              ByVal grid As GridPanel, _
                                              ByVal ColName As String, _
                                              ByVal sKey As String) As GridPanel
    
            Dim level As Integer = If(parameters IsNot Nothing AndAlso parameters.ContainsKey("level"), Integer.Parse(parameters("level")), 1)
            grid = RowExpander(data, grid, ColName, parameters.Values(0), level + 1)
            Return grid
    
        End Function
    
        Public Shared Function RowExpander(ByVal data As DataSet, _
                                           ByVal grid As GridPanel, _
                                           ByVal ColName As String, _
                                           ByVal sKey As String, _
                                           ByVal level As Integer) As GridPanel
    
            grid.Height = 200
            grid.EnableColumnHide = False
    
            Dim store As New Store()
            Dim iloop, i As Integer
            i = data.Tables(level).Columns.Count
    
            Dim model As New Model
            iloop = 0
            Do Until iloop = i
                Dim icol As String
                icol = data.Tables(level).Columns(iloop).ColumnName
                model.Fields.Add(New ModelField(icol))
                iloop = iloop + 1
            Loop
            store.Model.Add(model)
            store.DataSource = data.Tables(level).Select(ColName & "='" & sKey & "'").CopyToDataTable()
            grid.Store.Add(store)
    
            grid.ForceFit = True
            iloop = 0
            Do Until iloop = i
                Dim icol As String
                icol = data.Tables(level).Columns(iloop).ColumnName
                grid.ColumnModel.Columns.Add(New Column() With {.Flex = 1, .Text = icol, .DataIndex = icol, .AutoDataBind = True, .AutoRender = True})
                iloop = iloop + 1
            Loop
    
    
            Return (grid)
        End Function
  4. #4
    Quote Originally Posted by redi View Post
    We use vb.net so we cannot put it directly on aspx.
    I think it is possible regardless VB.NET or C#, please see the example below.

    There is a compiler error, though.
     Compiler Error Message: BC30002: Type 'BLRef.wsOHService' is not defined.
    Please correct the sample, ensure it is runnable and post again.

    Example
    <%@ Page Language="vb" %>
    
    <script runat="server">
        <DirectMethod()> _
        Public Shared Function GetGrid(ByVal parameters As Dictionary(Of String, String)) As String
            Dim grid As New GridPanel
     
            Dim data As New DataSet
            Dim blWeb As New BLRef.wsOHService
            Dim AuthStateString(3) As String
            AuthStateString(0) = "ariefwm"
            AuthStateString(1) = "resign"
            AuthStateString(2) = "127.0.0.1"
            data = blWeb.wsOHSlAllGroupCode(AuthStateString)
            grid = GetRowExpander(data, parameters, grid, "Code", parameters.Values(0))
     
            Return ComponentLoader.ToConfig(grid)
        End Function
     
        Public Shared Function GetRowExpander(ByVal data As DataSet, _
                                              ByVal parameters As Dictionary(Of String, String), _
                                              ByVal grid As GridPanel, _
                                              ByVal ColName As String, _
                                              ByVal sKey As String) As GridPanel
     
            Dim level As Integer = If(parameters IsNot Nothing AndAlso parameters.ContainsKey("level"), Integer.Parse(parameters("level")), 1)
            grid = RowExpander(data, grid, ColName, parameters.Values(0), level + 1)
            Return grid
     
        End Function
     
        Public Shared Function RowExpander(ByVal data As DataSet, _
                                           ByVal grid As GridPanel, _
                                           ByVal ColName As String, _
                                           ByVal sKey As String, _
                                           ByVal level As Integer) As GridPanel
     
            grid.Height = 200
            grid.EnableColumnHide = False
     
            Dim store As New Store()
            Dim iloop, i As Integer
            i = data.Tables(level).Columns.Count
     
            Dim model As New Model
            iloop = 0
            Do Until iloop = i
                Dim icol As String
                icol = data.Tables(level).Columns(iloop).ColumnName
                model.Fields.Add(New ModelField(icol))
                iloop = iloop + 1
            Loop
            store.Model.Add(model)
            store.DataSource = data.Tables(level).Select(ColName & "='" & sKey & "'").CopyToDataTable()
            grid.Store.Add(store)
     
            grid.ForceFit = True
            iloop = 0
            Do Until iloop = i
                Dim icol As String
                icol = data.Tables(level).Columns(iloop).ColumnName
                grid.ColumnModel.Columns.Add(New Column() With {.Flex = 1, .Text = icol, .DataIndex = icol, .AutoDataBind = True, .AutoRender = True})
                iloop = iloop + 1
            Loop
     
     
            Return (grid)
        End Function
    </script>
    <!DOCTYPE html>
    
    <html>
    <head runat="server">
        <title>Ext.NET v2 Example</title>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
    
            <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>
  5. #5
    Hello,
    you got error because the data source is dataset. herewith another sample using static data. Please help about the column sizing.

    Thanks.

    Click image for larger version. 

Name:	Header.png 
Views:	21 
Size:	21.9 KB 
ID:	11191


    aspx
    <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm5.aspx.vb" Inherits="RowExpen.WebForm5" %>
    <%@ Import Namespace="ListView=Ext.Net.ListView"%>
    <%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
    <%@ Import Namespace="Ext.Net.Utilities"%>
    <%@ Import Namespace="System.Collections.Generic"%>
    
    <!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: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>
    
                    <ext:Store ID="Store2" runat="server">
                        <Model>
                            <ext:Model ID="Model2" runat="server" IDProperty="ID">
                                <Fields>
                                    <ext:ModelField Name="ID" />
                                    <ext:ModelField Name="Name" />
                                    <ext:ModelField Name="Company" />
                                </Fields>
                            </ext:Model>
                        </Model>
                    </ext:Store>
    
    
            <ext:GridPanel ID="GridPanel1"
                runat="server"
                Title="Expander Rows with GridPanel"
                Collapsible="true"
                AnimCollapse="true"
                Icon="Table"
                Width="600"
                Height="450"
                DisableSelection="true" StoreID ="Store1">
                <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>
            <SelectionModel>
            </SelectionModel>
            <Plugins>
                <ext:RowExpander ID="RowExpander" runat="server" SwallowBodyEvents="true" Collapsible="true" 
                                 AnimCollapse="true" Icon="Table" Width="600" AutoScroll="True" Border="True" 
                                 Header="false" TrackMouseOver="true" Layout="FitLayout"  StripeRows="true">  
                     <Component>
                       <ext:TabPanel ID="TabPanel1" runat="server">                    
                            <Items>
                            
                               <ext:GridPanel 
                                Collapsible="true"
                                AnimCollapse="true"
                                Icon="Table"
                                Width="200"
                                Height="200"
                                StoreID ="Store2" 
                                runat="server" 
                                ID="GridPanel2" 
                                SwallowBodyEvents="true"
                                AutoScroll="True" Border="True" 
                                Header="false" TrackMouseOver="true" Layout="FitLayout">
                               <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>
                                   <ColumnModel ID="ColumnModel2" runat="server">
                                               <Columns>
                                                   <ext:Column ID="Column5" runat ="server" ColumnID="ID" DataIndex="ID" Header="ID" Resizable="true"></ext:Column>
                                                   <ext:Column ID="Column7" runat ="server" ColumnID="Code" DataIndex="Code" Header="Code" Resizable="true"></ext:Column>
                                                   <ext:Column ID="Column9" runat ="server" ColumnID="Name" DataIndex="Name" Header="Name" Resizable="true"></ext:Column>
                                               </Columns>
                                     </ColumnModel>
                                    <View>
                                        <ext:GridView ID="GridView2" runat="server" ForceFit="false" />
                                    </View>
                                    <SelectionModel>
                                        <ext:RowSelectionModel ID="RowSelectionModel2" runat="server" />
                                    </SelectionModel>
                                    <BottomBar>
                                    <ext:PagingToolbar ID="PagingToolbar2" runat="server" PageSize="10" />
                                    </BottomBar>
                                </ext:GridPanel>
                            </Items>
                        </ext:TabPanel>
                    </Component>
                </ext:RowExpander>
            </Plugins>
    
            </ext:GridPanel>
        </form>
    </body>
    </html>

    codebehind
    Imports Ext.Net
    Imports System.Collections.Generic
    
    Public Class WebForm5
        Inherits System.Web.UI.Page
    
        Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
            If Not ExtNet.IsAjaxRequest Then
    
                Store1.DataSource = New Object() {New Object() {"cnt", "Rawat Jalan Description", "Ciptakridatama Rawat Jalan"},
                                     New Object() {"mdc", "Rawat Inap Description", "Ciptakridatama Rawat Inap"},
                                     New Object() {"temdcst", "Madical Description", "Ciptakridatama Madical"}
                                     }
    
                Store2.DataSource = New Object() {New Object() {"1", "cnt", "kesehatan"},
                                    New Object() {"2", "cnt", "Alat/ruang makan"},
                                    New Object() {"3", "cnt", "Bahan makanan"},
                                    New Object() {"3", "cnt", "Bahan makanan"},
                                    New Object() {"1", "icd", "Faktor-faktor utama yang mempengaruhi status kesehatan dan kontak dengan pelayanan kesehatan"},
                                    New Object() {"2", "icd", "Otot & Tulang"},
                                    New Object() {"3", "icd", "Kemih"},
                                    New Object() {"1", "mdc", "Analgetik Cream"},
                                    New Object() {"2", "mdc", "Analgetik Injeksi"},
                                    New Object() {"3", "mdc", "Antibiotik"}
                                     }
    
            End If
        End Sub
    
    
    End Class
  6. #6
    When I run your code a JavaScript error occurs - "this.record is not defined", when I expand a row. Here:
    <ext:Parameter Name="id" Value="this.record.getId()" Mode="Raw" />
    Please provide us with a full, runnable, standalone test case. We should be able to copy, paste and run it without any changes from our side.
  7. #7
    Herewith attached the code behind and the aspx. Please create new project named 'test' first then import these 2 files. Hopefully it will works.

    WebForm5.aspx.txt

    WebForm5.aspx.vb.txt
  8. #8
    Please post the code directly here wrapping in [CODE] tags. Also please don't forget about this:

    Quote Originally Posted by Daniil View Post
    You can put the code behind directly into the ASPX page wrapping in
    <script runat="server">
         // code behind methods
    </script>
  9. #9
    Hello,
    Here's the code,

    
    <%@ Page Language="vb"%>
    
    <%@ Import Namespace="ListView=Ext.Net.ListView"%>
    <%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
    <%@ Import Namespace="Ext.Net.Utilities"%>
    <%@ Import Namespace="System.Collections.Generic"%>
     
    <script runat="server">
        
        Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
            If Not ExtNet.IsAjaxRequest Then
                Store1.DataSource = New Object() {New Object() {"cnt", "Rawat Jalan Description", "Ciptakridatama Rawat Jalan"},
                                         New Object() {"mdc", "Rawat Inap Description", "Ciptakridatama Rawat Inap"},
                                         New Object() {"temdcst", "Madical Description", "Ciptakridatama Madical"}
                                         }
                Store1.DataBind()
    
                Store2.DataSource = New Object() {New Object() {"1", "cnt", "kesehatan"},
                                    New Object() {"2", "cnt", "Alat/ruang makan"},
                                    New Object() {"3", "cnt", "Bahan makanan"},
                                    New Object() {"3", "cnt", "Bahan makanan"},
                                    New Object() {"1", "icd", "Faktor-faktor utama yang mempengaruhi status kesehatan dan kontak dengan pelayanan kesehatan"},
                                    New Object() {"2", "icd", "Otot & Tulang"},
                                    New Object() {"3", "icd", "Kemih"},
                                    New Object() {"1", "mdc", "Analgetik Cream"},
                                    New Object() {"2", "mdc", "Analgetik Injeksi"},
                                    New Object() {"3", "mdc", "Antibiotik"}
                                    }
                Store2.DataBind()
            End If
        End Sub
    </script>
    
    
    <!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: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>
    
                    <ext:Store ID="Store2" runat="server">
                        <Model>
                            <ext:Model ID="Model2" runat="server" IDProperty="ID">
                                <Fields>
                                    <ext:ModelField Name="ID" />
                                    <ext:ModelField Name="Code" />
                                    <ext:ModelField Name="Name" />
                                </Fields>
                            </ext:Model>
                        </Model>
                    </ext:Store>
    
    
            <ext:GridPanel ID="GridPanel1"
                runat="server"
                Title="Expander Rows with GridPanel"
                Collapsible="true"
                AnimCollapse="true"
                Icon="Table"
                Width="600"
                Height="450"
                DisableSelection="true" StoreID ="Store1">
                <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>
            <SelectionModel>
            </SelectionModel>
            <Plugins>
                <ext:RowExpander ID="RowExpander" runat="server" SwallowBodyEvents="true" Collapsible="true" 
                                 AnimCollapse="true" Icon="Table" Width="600" AutoScroll="True" Border="True" 
                                 Header="false" TrackMouseOver="true" Layout="FitLayout"  StripeRows="true">  
                     <Component>
                       <ext:TabPanel ID="TabPanel1" runat="server">                    
                            <Items>
                            
                               <ext:GridPanel 
                                Collapsible="true"
                                AnimCollapse="true"
                                Icon="Table"
                                Width="200"
                                Height="200"
                                StoreID ="Store2" 
                                runat="server" 
                                ID="GridPanel2" 
                                SwallowBodyEvents="true"
                                AutoScroll="True" Border="True" 
                                Header="false" TrackMouseOver="true" Layout="FitLayout">
                                <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>
                                   <ColumnModel ID="ColumnModel2" runat="server">
                                               <Columns>
                                                   <ext:Column ID="Column5" runat ="server" ColumnID="ID" DataIndex="ID" Header="ID" Resizable="true"></ext:Column>
                                                   <ext:Column ID="Column7" runat ="server" ColumnID="Code" DataIndex="Code" Header="Code" Resizable="true"></ext:Column>
                                                   <ext:Column ID="Column9" runat ="server" ColumnID="Name" DataIndex="Name" Header="Name" Resizable="true"></ext:Column>
                                               </Columns>
                                     </ColumnModel>
                                    <View>
                                        <ext:GridView ID="GridView2" runat="server" ForceFit="false" />
                                    </View>
                                    <SelectionModel>
                                        <ext:RowSelectionModel ID="RowSelectionModel2" runat="server" />
                                    </SelectionModel>
                                    <BottomBar>
                                    <ext:PagingToolbar ID="PagingToolbar2" runat="server" PageSize="10" />
                                    </BottomBar>
                                </ext:GridPanel>
                            </Items>
                        </ext:TabPanel>
                    </Component>
                </ext:RowExpander>
            </Plugins>
    
            </ext:GridPanel>
        </form>
    </body>
    </html>
  10. #10
    Thank you.

    The sample has this problem. You should correct that.
    Quote Originally Posted by Daniil View Post
    When I run your code a JavaScript error occurs - "this.record is not defined", when I expand a row. Here:
    <ext:Parameter Name="id" Value="this.record.getId()" Mode="Raw" />
    Generally speaking, you should not use a Loader for a GridPanel at all. Please remove that.
Page 1 of 2 12 LastLast

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