Could not adjust Layouts

**jesperhp** · Dec 05, 2013, 11:39 AM

I have Viewport and then Panel and again Panel where I called FitLayout that workis in v1.1 but in V2.3 that hierarchy not supported

That's Main ViewPort in which a Panel pnlRolls and then another Panel pnlUserRolls from where I called FitLayout1

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <ext:Viewport ID="Viewport1" runat="server" Layout="border">
        <Items>
            <ext:Panel ID="PanelCategories" runat="server" Collapsible="true" Region="West" Split="true"
                Title="Browse Categories" Width="175" Layout="FitLayout">
                <Content>
                    <Tree:Categories ID="categories_tree" runat="server" />
                </Content>
            </ext:Panel>
            <ext:Panel ID="pnlRolls" runat="server" Layout="VBoxLayout" Region="Center" Frame="true">
                <Defaults>
                    <ext:Parameter Name="margins" Value="0 0 5 0" Mode="Value" />
                </Defaults>
                <LayoutConfig>
                    <ext:VBoxLayoutConfig Padding="0" Align="Stretch" />
                </LayoutConfig>
                <Items>
                    <ext:Panel ID="pnlUserRolls" runat="server" BodyBorder="true" Flex="1" Title="Units Detail">
                        <Content>
                            <Grid:Units ID="UnitsGrid" runat="server" ICategory="Units.getICategory()" StoreUrl="/Units/LoadUnits">
                            </Grid:Units>
                        </Content>
                    </ext:Panel>
                </Items>
            </ext:Panel>
        </Items>
    </ext:Viewport>

Now the Layout FitLayout1

<ext:FitLayout ID="FitLayout1" runat="server">
    <Items>
        <ext:Panel ID="PanelContent" runat="server" Layout="Fit" Region="Center">
            <Items>
                <ext:GridPanel ID="GridPanel_Units" runat="server" IDMode="Explicit" >
                    <ColumnModel ID="ColumnModel1" runat="server">
                        <Columns>
                            <ext:Column ColumnID="col_UnitsID" DataIndex="ID" Header="<%$Resources:HelpDeskWebApp,ID%>"
                                Width="10px" >
                            </ext:Column>
                            <ext:Column ColumnID="col_Name" DataIndex="Name" Header="<%$Resources:HelpDeskWebApp,Name%>"
                                Width="80px" Groupable="true">
                            </ext:Column>
                            <ext:Column ColumnID="col_Model" DataIndex="Model" Header="<%$Resources:HelpDeskWebApp,Model%>"
                                Width="150px" Groupable="true">
                            </ext:Column>
                            <ext:Column ColumnID="col_SerialNo" DataIndex="SerialNo" Header="<%$Resources:HelpDeskWebApp,SerialNo%>"
                                Width="150px" Groupable="true">
                            </ext:Column>
                            <ext:Column ColumnID="col_BarCode" DataIndex="BarCode" Header="<%$Resources:HelpDeskWebApp,BarCode%>"
                                Groupable="true">
                            </ext:Column>
                            <ext:Column ColumnID="col_Manufacture" DataIndex="Manufacturer" Header="<%$Resources:HelpDeskWebApp,Manufacturer%>">
                            </ext:Column>
                            <ext:Column ColumnID="col_Department" DataIndex="DepartmentName" Header="<%$Resources:HelpDeskWebApp,DepartmentName%>">
                            </ext:Column>
                            <ext:Column ColumnID="col_UnitCategoryName" DataIndex="UnitCategoryName" Header="<%$Resources:HelpDeskWebApp,UnitCategoryName%>">
                            </ext:Column>
                            <ext:Column ColumnID="col_Location" DataIndex="LocationName" Header="<%$Resources:HelpDeskWebApp,LocationName%>">
                            </ext:Column>
                            <ext:Column ColumnID="col_User" DataIndex="CreatedBy" Header="<%$Resources:HelpDeskWebApp,CreatedBy%>"
                                Width="">
                            </ext:Column>
                            <ext:Column ColumnID="col_Vender" DataIndex="VenderName" Header="<%$Resources:HelpDeskWebApp,VenderName%>"
                                Width="">
                            </ext:Column>
                            <ext:DateColumn ColumnID="col_warrentyExpire" DataIndex="WarantyExpireDateTime" Header="<%$Resources:HelpDeskWebApp,WarantyExpireDateTime%>"
                                Width="">
                            </ext:DateColumn>
                            <ext:DateColumn ColumnID="col_unitExpire" DataIndex="UnitExpireDate" Header="<%$Resources:HelpDeskWebApp,UnitExpireDate%>"
                                Width="">
                            </ext:DateColumn>
                            <ext:Column ColumnID="col_UnitStatus" DataIndex="StatusName" Header="<%$Resources:HelpDeskWebApp,StatusName%>"
                                Width="">
                            </ext:Column>
                         </Columns>
                    </ColumnModel>
                    <BottomBar>
                        <ext:PagingToolbar ID="PagingToolbar1" runat="server" PageSize="24">
                        </ext:PagingToolbar>
                    </BottomBar>
                </ext:GridPanel>
            </Items>
        </ext:Panel>
    </Items>
</ext:FitLayout>

So please guide me how to handle such scenario 
I have also attach source file to test

**Vladimir** · Dec 05, 2013, 11:54 AM

Just remove FitLayout control from user control and set Layout="FitLayout" for pnlUserRolls

**jesperhp** · Dec 06, 2013, 5:56 AM

Originally Posted by Vladimir

Just remove FitLayout control from user control and set Layout="FitLayout" for pnlUserRolls

Instead of <ext:FitLayout> which control will be used to display GridPanel Data

**jesperhp** · Dec 06, 2013, 6:05 AM

Originally Posted by Vladimir

Just remove FitLayout control from user control and set Layout="FitLayout" for pnlUserRolls

I get Exception/Error when I set Layout="FitLayout" for pnlUserRolls
Control with type 'Ext.Net.Store' cannot be handled by layout

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.            

Exception Details: System.Exception: Control with type 'Ext.Net.Store' cannot be handled by layout

Source Error:


[No relevant source lines]
Stack Trace:


[Exception: Control with type 'Ext.Net.Store' cannot be handled by layout]
Ext.Net.AbstractContainer.PopulateItems(ControlCollection contentControls, ItemsCollection`1 contentItems) +444
Ext.Net.AbstractContainer.PopulateItems(ControlCollection contentControls, ItemsCollection`1 contentItems) +293
Ext.Net.AbstractContainer.PopulateItems(ControlCollection contentControls, ItemsCollection`1 contentItems) +293
Ext.Net.AbstractContainer.get_ItemsProxy() +242
Ext.Net.AbstractContainer.get_ConfigOptions() +2446
Ext.Net.AbstractPanel.get_ConfigOptions() +69
Ext.Net.Panel.get_ConfigOptions() +53
Ext.Net.ClientConfig.Process(Object obj) +181
Ext.Net.ClientConfig.Serialize(Object obj, Boolean ignoreCustomSerialization, Boolean quoteName) +950
Ext.Net.ClientConfig.Serialize(Object obj, Boolean ignoreCustomSerialization) +219
Ext.Net.ClientConfig.Serialize(Object obj) +44
Ext.Net.BaseControl.get_InitialConfig() +98
Ext.Net.BaseControl.OnClientInit(Boolean reinit) +2042
Ext.Net.Observable.OnClientInit(Boolean reinit) +51
Ext.Net.BaseControl.SetResources() +214
Ext.Net.BaseControl.PreRenderAction() +67
Ext.Net.Observable.PreRenderAction() +264
Ext.Net.BaseControl.Render(HtmlTextWriter writer) +469
Ext.Net.AbstractContainer.Render(HtmlTextWriter writer) +47
System.Web.UI.Control.RenderControlInternal(HtmlTextWriter writer, ControlAdapter adapter) +57
System.Web.UI.Control.RenderControl(HtmlTextWriter writer, ControlAdapter adapter) +100
System.Web.UI.Control.RenderControl(HtmlTextWriter writer) +25
System.Web.UI.Control.RenderChildrenInternal(HtmlTextWriter writer, ICollection children) +128
System.Web.UI.Control.RenderChildren(HtmlTextWriter writer) +8
System.Web.UI.WebControls.WebControl.RenderContents(HtmlTextWriter writer) +10
Ext.Net.BaseControl.HtmlRender(HtmlTextWriter writer) +692
Ext.Net.BaseControl.Render(HtmlTextWriter writer) +1146
Ext.Net.AbstractContainer.Render(HtmlTextWriter writer) +47
System.Web.UI.Control.RenderControlInternal(HtmlTextWriter writer, ControlAdapter adapter) +57
System.Web.UI.Control.RenderControl(HtmlTextWriter writer, ControlAdapter adapter) +100
System.Web.UI.Control.RenderControl(HtmlTextWriter writer) +25
System.Web.UI.Control.RenderChildrenInternal(HtmlTextWriter writer, ICollection children) +128
System.Web.UI.Control.RenderChildren(HtmlTextWriter writer) +8
System.Web.UI.WebControls.WebControl.RenderContents(HtmlTextWriter writer) +10
Ext.Net.BaseControl.HtmlRender(HtmlTextWriter writer) +692
Ext.Net.BaseControl.Render(HtmlTextWriter writer) +1146
Ext.Net.AbstractContainer.Render(HtmlTextWriter writer) +47
System.Web.UI.Control.RenderControlInternal(HtmlTextWriter writer, ControlAdapter adapter) +57
System.Web.UI.Control.RenderControl(HtmlTextWriter writer, ControlAdapter adapter) +100
System.Web.UI.Control.RenderControl(HtmlTextWriter writer) +25
System.Web.UI.Control.RenderChildrenInternal(HtmlTextWriter writer, ICollection children) +128
System.Web.UI.Control.RenderChildren(HtmlTextWriter writer) +8
System.Web.UI.Control.Render(HtmlTextWriter writer) +10
System.Web.UI.Control.RenderControlInternal(HtmlTextWriter writer, ControlAdapter adapter) +57
System.Web.UI.Control.RenderControl(HtmlTextWriter writer, ControlAdapter adapter) +100
System.Web.UI.Control.RenderControl(HtmlTextWriter writer) +25
ASP.views_shared_site_master.__Renderform1(HtmlTextWriter __w, Control parameterContainer) in c:\Users\Ramzan\AppData\Local\Temp\Temporary ASP.NET Files\root\79e543d2\30665a0f\App_Web_23wr4gci.0.cs:0
System.Web.UI.Control.RenderChildrenInternal(HtmlTextWriter writer, ICollection children) +268
System.Web.UI.HtmlControls.HtmlForm.RenderChildren(HtmlTextWriter writer) +102
System.Web.UI.HtmlControls.HtmlContainerControl.Render(HtmlTextWriter writer) +32
System.Web.UI.HtmlControls.HtmlForm.Render(HtmlTextWriter output) +53
System.Web.UI.Control.RenderControlInternal(HtmlTextWriter writer, ControlAdapter adapter) +57
System.Web.UI.Control.RenderControl(HtmlTextWriter writer, ControlAdapter adapter) +100
System.Web.UI.HtmlControls.HtmlForm.RenderControl(HtmlTextWriter writer) +40
System.Web.UI.Control.RenderChildrenInternal(HtmlTextWriter writer, ICollection children) +128
System.Web.UI.Control.RenderChildren(HtmlTextWriter writer) +8
System.Web.UI.Control.Render(HtmlTextWriter writer) +10
System.Web.UI.Control.RenderControlInternal(HtmlTextWriter writer, ControlAdapter adapter) +57
System.Web.UI.Control.RenderControl(HtmlTextWriter writer, ControlAdapter adapter) +100
System.Web.UI.Control.RenderControl(HtmlTextWriter writer) +25
System.Web.UI.Control.RenderChildrenInternal(HtmlTextWriter writer, ICollection children) +128
System.Web.UI.Control.RenderChildren(HtmlTextWriter writer) +8
System.Web.UI.Page.Render(HtmlTextWriter writer) +29
System.Web.Mvc.ViewPage.Render(HtmlTextWriter writer) +41
System.Web.UI.Control.RenderControlInternal(HtmlTextWriter writer, ControlAdapter adapter) +57
System.Web.UI.Control.RenderControl(HtmlTextWriter writer, ControlAdapter adapter) +100
System.Web.UI.Control.RenderControl(HtmlTextWriter writer) +25
System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +1386

**geoffrey.mcgill** · Dec 06, 2013, 6:15 AM

Originally Posted by jesperhp

I get Exception/Error when I set Layout="FitLayout" for pnlUserRolls
Control with type 'Ext.Net.Store' cannot be handled by layout

Remove the Store from the <Items> Collection. Add into the <Stores> inner property of the GridPanel.

**jesperhp** · Dec 09, 2013, 6:51 AM

Originally Posted by geoffrey.mcgill

Remove the Store from the <Items> Collection. Add into the <Stores> inner property of the GridPanel.

Its not working
its give error like that
Control with type 'Ext.Net.Store' cannot be handled by layout

**Daniil** · Dec 09, 2013, 1:46 PM

Please provide a test case to reproduce.

**jesperhp** · Dec 20, 2013, 10:02 AM

Originally Posted by Daniil

Please provide a test case to reproduce.

I am Still wondering for layout problems

And here is test for you

**geoffrey.mcgill** · Dec 20, 2013, 10:58 AM

Please simplify your code as much as possible, then post inside [CODE] tags within a new forum post.

Posting as text in a forum post will enable the code to be searchable and easily reviewed.

**jesperhp** · Dec 20, 2013, 11:16 AM

Originally Posted by geoffrey.mcgill

Please simplify your code as much as possible, then post inside [CODE] tags within a new forum post.

Posting as text in a forum post will enable the code to be searchable and easily reviewed.

Here my Panel that's called from controller 
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <ext:Viewport ID="Viewport1" runat="server" Layout="border">
        <Items>
            <ext:Panel ID="pnlRolls" runat="server" Layout="VBoxLayout" Region="Center" Frame="true">
                <Defaults>
                    <ext:Parameter Name="margins" Value="0 0 5 0" Mode="Value" />
                </Defaults>
                <LayoutConfig>
                    <ext:VBoxLayoutConfig Padding="0" Align="Stretch" />
                </LayoutConfig>
                <Items>
                    <ext:Panel ID="pnlUserRolls" runat="server" Flex="1" Title="Units Detail" Layout="FitLayout">
                        <Content>
                            <Grid:Units ID="UnitsGrid" runat="server" ICategory="Units.getICategory()" StoreUrl="/Units/LoadUnits">
                            </Grid:Units>
                        </Content>
                    </ext:Panel>
                </Items>
            </ext:Panel>
        </Items>
    </ext:Viewport>
</asp:Content>


In Panel I have registered Grid 
<ext:Viewport ID="FitLayout1" runat="server" MonitorResize="true" AnchorHorizontal="100%" >
    <Items>
        <ext:Panel ID="PanelContent" runat="server" Region="Center" >
            <Items>
                <ext:GridPanel ID="GridPanel_Units" runat="server" IDMode="Explicit" >
                    
                    <ColumnModel ID="ColumnModel1" runat="server">
                        <Columns>
                            <ext:Column ColumnID="col_UnitsID" DataIndex="ID" runat="server" Text="<%$Resources:HelpDeskWebApp,ID%>">
                            </ext:Column>
                            <ext:Column ColumnID="col_Name" DataIndex="Name" runat="server" Text="<%$Resources:HelpDeskWebApp,Name%>"
                                Groupable="true">
                            </ext:Column>
                            <ext:Column ColumnID="col_Model" DataIndex="Model" runat="server" Text="<%$Resources:HelpDeskWebApp,Model%>"
                                Groupable="true">
                            </ext:Column>
                            <ext:Column ColumnID="col_SerialNo" DataIndex="SerialNo" runat="server" Text="<%$Resources:HelpDeskWebApp,SerialNo%>"
                                Groupable="true">
                            </ext:Column>
                            <ext:Column ColumnID="col_BarCode" DataIndex="BarCode" runat="server" Text="<%$Resources:HelpDeskWebApp,BarCode%>"
                                Groupable="true">
                            </ext:Column>
                            <ext:Column ColumnID="col_Manufacture" DataIndex="Manufacturer" runat="server" Text="<%$Resources:HelpDeskWebApp,Manufacturer%>">
                            </ext:Column>
                            <ext:Column ColumnID="col_Department" DataIndex="DepartmentName" runat="server" Text="<%$Resources:HelpDeskWebApp,DepartmentName%>">
                            </ext:Column>
                            <ext:Column ColumnID="col_UnitCategoryName" DataIndex="UnitCategoryName" runat="server"
                                Text="<%$Resources:HelpDeskWebApp,UnitCategoryName%>">
                            </ext:Column>
                            <ext:Column ColumnID="col_Location" DataIndex="LocationName" runat="server" Text="<%$Resources:HelpDeskWebApp,LocationName%>">
                            </ext:Column>
                            <ext:Column ColumnID="col_User" DataIndex="CreatedBy" runat="server" Text="<%$Resources:HelpDeskWebApp,CreatedBy%>"
                                Width="">
                            </ext:Column>
                            <ext:Column ColumnID="col_Vender" DataIndex="VenderName" runat="server" Text="<%$Resources:HelpDeskWebApp,VenderName%>"
                                Width="">
                            </ext:Column>
                            <ext:DateColumn ColumnID="col_warrentyExpire" DataIndex="WarantyExpireDateTime" runat="server"
                                Text="<%$Resources:HelpDeskWebApp,WarantyExpireDateTime%>" Width="">
                            </ext:DateColumn>
                            <ext:DateColumn ColumnID="col_unitExpire" DataIndex="UnitExpireDate" runat="server"
                                Text="<%$Resources:HelpDeskWebApp,UnitExpireDate%>" Width="">
                            </ext:DateColumn>
                            <ext:Column ColumnID="col_UnitStatus" DataIndex="StatusName" runat="server" Text="<%$Resources:HelpDeskWebApp,StatusName%>"
                                Width="">
                            </ext:Column>
                            <ext:CommandColumn Hideable="false" runat="server">
                                <Commands>
                                    <ext:GridCommand CommandName="edit" Icon="Pencil">
                                        <ToolTip Text="<%$Resources:HelpDeskWebApp,Edit%>" />
                                    </ext:GridCommand>
                                </Commands>
                                <PrepareToolbar Handler="toolbar.setVisible(!record.newRecord);" />
                            </ext:CommandColumn>
                        </Columns>
                    </ColumnModel>
                </ext:GridPanel>
            </Items>
        </ext:Panel>
    </Items>
</ext:Viewport>


In Grid I have registered Store of GridPanel 
<ext:Store ID="store_Units" runat="server" IDMode="Static" RemoteSort="true" AutoLoad="false"
    PageSize="24">
    <Proxy>
        <ext:AjaxProxy Json="true">
            <Reader>
                <ext:JsonReader Root="rows" IDProperty="ID" />
            </Reader>
        </ext:AjaxProxy>
    </Proxy>
    <Model>
        <ext:Model runat="server">
            <Fields>
                <ext:ModelField Name="ID" Type="Int" SortDir="ASC" />
                <ext:ModelField Name="Name" Type="String" />
                <ext:ModelField Name="Model" Type="String" />
                <ext:ModelField Name="SerialNo" Type="String" />
                <ext:ModelField Name="WarantyExpireDateTime" Type="Date" DateFormat="M$" />
                <ext:ModelField Name="UnitExpireDate" Type="Date" DateFormat="M$" />
                <ext:ModelField Name="Quantity" Type="Int" />
                <ext:ModelField Name="Manufacturer" Type="String" />
                <ext:ModelField Name="UnitsStatusID" Type="String" />
                <ext:ModelField Name="BarCode" Type="String" />
                <ext:ModelField Name="DepartmentID" Type="String" />
                <ext:ModelField Name="LocationID" Type="String" />
                <ext:ModelField Name="ServiceAgreemnetID" Type="String" />
                <ext:ModelField Name="UserID" Type="Int" DefaultValue="-1" />
                <ext:ModelField Name="UnitCategoryName" Type="String" />
                <ext:ModelField Name="UnitCategoriesID" Type="Int" />
                <%--<ext:ModelField Name="VenderId" Type="Int" />--%>
                <ext:ModelField Name="Description" Type="String" />
                <ext:ModelField Name="LockUnit" Type="Boolean" />
                <ext:ModelField Name="VenderName" Type="String" />
                <ext:ModelField Name="PurchaseDate" Type="Date" DateFormat="M$" />
                <ext:ModelField Name="CreatedBy" Type="String" />
                <ext:ModelField Name="CreatedDate" Type="Date" DateFormat="M$" />
                <ext:ModelField Name="DepartmentName" Type="String" />
                <ext:ModelField Name="StatusName" Type="String" />
                <ext:ModelField Name="LocationName" Type="String" />
                <ext:ModelField Name="DeletedBy" Type="String" />
                <ext:ModelField Name="DeletedDateTime" Type="Date" DateFormat="M$" />
                <%-- <ext:ModelField Name="Update" Type="Boolean" />
                <ext:ModelField Name="Delete" Type="Boolean" />
                <ext:ModelField Name="Create" Type="Boolean" />--%>
            </Fields>
        </ext:Model>
    </Model>
    <Parameters>
        <ext:StoreParameter Name="limit" Value="24" Mode="Raw" />
        <ext:StoreParameter Name="start" Value="0" Mode="Raw" />
        <ext:StoreParameter Name="dir" Value="ASC" />
        <ext:StoreParameter Name="sort" Value="ID" />
        <ext:StoreParameter Name="gridfilters" />
    </Parameters>
</ext:Store>

I think not possible more simplify the code
Thanks

Thread: Could not adjust Layouts

Thread Tools

Search Thread

Display

Could not adjust Layouts

Similar Threads

[OPEN] [#336] [1.0] How to get Tooltips to adjust their position automatically

[CLOSED] GridPanel columns adjust their widths incorrectly

[CLOSED] Combo list adjust

[CLOSED] IE6 - Right align & adjust screen issue

How to adjust the distance of fieldlabel and field?

Tags for this Thread

Posting Permissions

Sitemap

Downloads

Resources

Thread: Could not adjust Layouts

Could not adjust Layouts

Similar Threads

Tags for this Thread

Posting Permissions

Sitemap

Downloads

Resources

Stay connected with us