What's New?

Why GridPanel does not showup in Window ????????

  1. #1
    Aug 20, 2010, 9:42 AM

    Why GridPanel does not showup in Window ????????

    When I try to put a Gridpanel inside a window, GridPanel does not show up. When I compiled the following code, I saw a blank page which did not show anything including window. All controls became invisible.
     <ext:Window ID="Window2" runat="server" Icon="BulletDatabase" Title="Title" X="50" 
    Y="350" Width="710" Closable="false">       
        <Body>        
                <ext:GridPanel ID="GridPanel1" runat="server" Title="Orders Table"
                 Border="false"/>
           
        </Body>
    </ext:Window>
  2. #2
    Aug 20, 2010, 10:19 AM
    Hi

    You need to create a datasource and a store to which the gridpanel is linked. Like below

    <asp:SqlDataSource ID="sqlDriver" DataSourceMode="DataReader" runat="server" ></asp:SqlDataSource>
<ext:Store ID="StDriver" runat="server" DataSourceID="sqlDriver" UseIdConfirmation="True">
<Reader>
<ext:JsonReader ReaderID="driverpin">
<Fields>
<ext:RecordField Name="driverpin" />
<ext:RecordField Name="username" />
</Fields>
</ext:JsonReader>
</Reader>

</ext:Store>
<ext:Window ID="Window2" runat="server" Icon="BulletDatabase" Title="Title" X="50"
Y="350" Width="710" Closable="false">
<Body>
<ext:GridPanel ID="GridPanel1" Height="300" StoreID="StDriver" runat="server" Title="Logsheet Close"
TrackMouseOver="true" Border="false">
<ColumnModel runat="server">
<Columns>
<ext:RowNumbererColumn />
<ext:Column ColumnID="driverpin" Width="100px" DataIndex="driverpin" Align="Left" Header="driverpin"/>
</Columns>
</ColumnModel>
</ext:GridPanel>
</Body>
</ext:Window>
    Last edited by geoffrey.mcgill; Aug 20, 2010 at 5:51 PM. Reason: please use [CODE] tags
  3. #3
    Aug 20, 2010, 10:43 AM
    Hi, thanks for your response, I have also tried with DataSource, Still it is showing me blank page. Please have look on my following Code:
     <form id="form1" runat="server">
    <ext:ScriptManager ID="ScriptManager1" runat="server"/>
    <ext:Store ID="Store1" runat="server">
        <Reader>
                <ext:ArrayReader>
                    <Fields>
                        <ext:RecordField Name="company" />
                        <ext:RecordField Name="price" Type="Float" />
                        <ext:RecordField Name="change" Type="Float" />
                        <ext:RecordField Name="pctChange" Type="Float" />
                        <ext:RecordField Name="lastChange" Type="Date" DateFormat="Y-m-dTh:i:s" />
                    </Fields>
                </ext:ArrayReader>
            </Reader>
    </ext:Store>
    <ext:Window ID="Window1" runat="server" Icon="ChartBar" Width="710" Height="300"
        Title="Add New Orders" Closable="false" Draggable="False" Border="false" Resizable="False" 
        Plain="True" X="50" Y="20">
          <Body>
            <ext:BorderLayout ID="BorderLayout1" runat="server">
                <North MinHeight="50">
                    <ext:Panel ID="Panel1" runat="server" Header="false" Border="false" Height="50" 
                     Frame="true" BodyStyle="padding:10px">
                        <Body>
                            <center>
                            <ext:MultiField ID="MultiField2" runat="server">
                            <Fields>
                              <ext:Label ID="Label2" runat="server" Text="Choose Export LC:"  LabelCls="LabelCls"/>             
                               <ext:ComboBox ID="ComboBox1" runat="server" Width="200" AllowBlank="false" TabIndex="1">
                               </ext:ComboBox>
                            <ext:Button ID="Button1" runat="server" Icon="Zoom"/>                            
                            </Fields>
                            </ext:MultiField>
                           </center>    
                        </Body>
                    </ext:Panel>
                </North>
                <Center>
                    <ext:Panel ID="Panel2" runat="server" Header="false" Border="false">
                        <Body>
                            <ext:FormPanel ID="FormPanelOrdersInfo" runat="server" BodyStyle="padding:10px;" 
                             ButtonAlign="Right" Width="700" Height="200">
                            <Body>
                              <ext:ContainerLayout ID="ContainerLayout1" runat="server">
                                <ext:Panel ID="mainPanel1" runat="server" Border="false" Header="false" BodyStyle="padding:10px;">
                                <Body>
                                    <ext:ColumnLayout ID="ColumnLayout1" runat="server">
                                        <ext:LayoutColumn ColumnWidth=".5">
                                            <ext:Panel ID="Panel4" runat="server" BodyStyle="padding:10px;" BodyBorder="False" >
                                                <Body>
                                                    <ext:FormLayout ID="FormLayout2" runat="server">
                                                        <Anchors>
                                                            <ext:Anchor>
                                                                <ext:TextField ID="TextFieldOrderNO" runat="server" FieldLabel="Order NO" AllowBlank="false" Width="200" LabelCls="LabelCls" TabIndex="2"/>                                    
                                                            </ext:Anchor>
                                                            <ext:Anchor>
                                                                <ext:TextField ID="TextFieldDescription" runat="server" FieldLabel="Description" AllowBlank="false" Width="200" LabelCls="LabelCls" TabIndex="4"/>                  
                                                            </ext:Anchor>
                                                            <ext:Anchor>
                                                                <ext:NumberField ID="TextFieldQtyperCTN"  runat="server" FieldLabel="Qty/Cartoon" Width="200" TabIndex="6" LabelCls="LabelCls"/>                 
                                                            </ext:Anchor>
                                                            <ext:Anchor>
                                                                <ext:TextField ID="TextFieldYarnType" runat="server" FieldLabel="Yarn/Cotton Type" Width="200" LabelCls="LabelCls" TabIndex="8"/>              
                                                            </ext:Anchor>
                                                        </Anchors>
                                                    </ext:FormLayout>
                                                </Body>
                                            </ext:Panel>    
                                         </ext:LayoutColumn>
                                          <ext:LayoutColumn ColumnWidth=".5">
                                             <ext:Panel ID="Panel5" runat="server" BodyStyle="padding:10px;" BodyBorder="False">
                                                <Body>
                                                    <ext:FormLayout ID="FormLayout3" runat="server">
                                                        <Anchors>
                                                           <ext:Anchor>
                                                                <ext:TextField ID="TextFieldRefNO" runat="server" FieldLabel="Ref NO" AllowBlank="false" Width="200" LabelCls="LabelCls" TabIndex="3"/>                           
                                                           </ext:Anchor>
                                                           <ext:Anchor>
                                                                <ext:NumberField ID="TextFieldCartoonNo"  runat="server" FieldLabel="Cartoon NO"  Width="200" TabIndex="5" LabelCls="LabelCls"/>                 
                                                           </ext:Anchor>
                                                           <ext:Anchor>
                                                                <ext:NumberField ID="TextFieldTotalQty"  runat="server" FieldLabel="Total Qty" Width="200" TabIndex="7" LabelCls="LabelCls"/>              
                                                           </ext:Anchor>
                                                           <ext:Anchor>
                                                                <ext:TextField ID="TextFieldStatus" runat="server" FieldLabel="Status"  Width="200" LabelCls="LabelCls" TabIndex="9"/>                  
                                                           </ext:Anchor>                                                          
                                                        </Anchors>
                                                    </ext:FormLayout>
                                                </Body>
                                              </ext:Panel>                                      
                                           </ext:LayoutColumn>
                                      </ext:ColumnLayout>
                                      </Body>
                                      </ext:Panel>
                                    </ext:ContainerLayout>                        
                            </Body>
                            <Buttons>
                                <ext:Button ID="ButtonSave" runat="server" Icon="Disk" Text="Submit" TabIndex="10">
                                </ext:Button>
                                <ext:Button ID="Button2" runat="server" Text="Reset Fields" TabIndex="11">
                                    <Listeners>
                                        <Click Handler="#{FormPanelOrdersInfo}.getForm().reset();" />
                                    </Listeners>
                                </ext:Button>
                            </Buttons>
                           </ext:FormPanel>
                        </Body>
                    </ext:Panel>
                </Center>
                <South>
                    <ext:Panel runat="server" Border="false">
                        <Body>
                           <ext:GridPanel ID="GridPanel1" 
            runat="server" 
            StoreID="Store1" 
            StripeRows="true"
            Title="Array Grid" 
            Width="600" 
            Height="290"
            AutoExpandColumn="Company">
            <ColumnModel ID="ColumnModel1" runat="server">
                <Columns>
                    <ext:Column ColumnID="Company" Header="Company" Width="160" Sortable="true" DataIndex="company" />
                    <ext:Column Header="Price" Width="75" Sortable="true" DataIndex="price">
                        <Renderer Format="UsMoney" />
                    </ext:Column>
                    <ext:Column Header="Change" Width="75" Sortable="true" DataIndex="change">
                        <Renderer Fn="change" />
                    </ext:Column>
                    <ext:Column Header="Change" Width="75" Sortable="true" DataIndex="pctChange">
                        <Renderer Fn="pctChange" />
                    </ext:Column>
                    <ext:Column Header="Last Updated" Width="85" Sortable="true" DataIndex="lastChange">
                        <Renderer Fn="Ext.util.Format.dateRenderer('G:i:s')" />
                    </ext:Column>
                </Columns>
            </ColumnModel>
            <SelectionModel>
                <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" />
            </SelectionModel>
            <LoadMask ShowMask="true" />
            <BottomBar>
                <ext:PagingToolBar ID="PagingToolBar1" runat="server" PageSize="10" StoreID="Store1" />
            </BottomBar>
        </ext:GridPanel>
                        </Body>
                    </ext:Panel>
                </South>               
            </ext:BorderLayout>            
          </Body>
        </ext:Window>
    </form>
  4. #4
    Aug 20, 2010, 10:52 AM
    To test I had to take the rendering out. There is two panels with the id="Panel1" on the page as soon as I change one of them say to panel15 it works.

    Hope this is your problem.
  5. #5
    Aug 20, 2010, 3:53 PM
    still it does not help me. When i remove GridPanel it works fine. But If i put GridPanel it shows me White Blank Page.
  6. #6
    Aug 20, 2010, 5:09 PM
    I increases the height of the panel which the grid is in. And this is what i see. So it work by me. Don't know what the problem is on your side






    Click image for larger version.  Name: whatIsee.PNG  Views: 67  Size: 18.1 KB  ID: 1505

Similar Threads

  1. [CLOSED] What is the best way to a Record Detail Window (ext:window dynamically created) update a gridPanel
    By supera in forum 2.x Legacy Premium Help
    Replies: 8
    Last Post: Mar 13, 2012, 5:54 PM
  2. [CLOSED] [1.0] GridPanel and Window Resize?
    By Timothy in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Dec 20, 2010, 1:07 PM
  3. How can I show a window and databind a gridpanel in that window on a button click?
    By dsmith in forum 1.x Help
    Replies: 4
    Last Post: Sep 17, 2010, 10:33 PM
  4. [CLOSED] GridPanel + Window
    By Zarzand in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Feb 05, 2009, 10:22 AM
  5. [CLOSED] Window + GridPanel
    By Zarzand in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Nov 14, 2008, 10:55 AM

Posting Permissions