[CLOSED] Row Expander Column Sizing and Grid Event

Page 2 of 2 FirstFirst 12
  1. #11
    Sorry, forgot to remove the loader. Here's the revised 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">
                                   <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>
  2. #12
    Thank you. Now the sample is quite good.

    Though I don't see any problem with that when I expand a row. Here is a screenshot.


    Please post your screenshot of the last example that you posted.
    Attached Thumbnails Click image for larger version. 

Name:	1.JPG 
Views:	27 
Size:	44.6 KB 
ID:	11301  
  3. #13
    We still have problem with the column sizing,
    here're my screenshots,

    Click image for larger version. 

Name:	1.png 
Views:	14 
Size:	21.9 KB 
ID:	11311

    Click image for larger version. 

Name:	2.png 
Views:	11 
Size:	22.2 KB 
ID:	11321

    Click image for larger version. 

Name:	3.png 
Views:	15 
Size:	21.8 KB 
ID:	11331
  4. #14
    Please specify Ext.NET version and browser you are testing with.
  5. #15
    I use Ext.Net version 2.2 and Mozilla Firefox 29.0.1
  6. #16
    I reproduced with Ext.NET v2.2.

    Well, it has been fixed at some point after the v2.2 release. Please note that the latest release at this point is v2.5.1.
  7. #17
    OK. If I upgrade it to version 2.5.1, would there be any capabilities/functions that are no longer supported in ver 2.5.1?
  8. #18
    Well, everything is still supported. There are a few breaking changes since v2.2. You can review the BREAKING_CHANGES.txt. Though, it is possible that we could miss some breaking change.

    If you already have a big application built with v2.2 and there is no more need to upgrade to v2.5.1 except that bug with a RowExpander, I would recommend not to upgrade and fix it in v2.2. You can review an SVN log for RowExpander.js. You might find a fix.
Page 2 of 2 FirstFirst 12

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