Oct 18, 2013, 1:16 PM
Items in TabPanel not resizing when browser is resized
I have a GridPanel loaded via component loader inside a tab panel. When the screen is resized, the gridPanel does not size itself to fit within the new dimensions of the screen. I've tried numerous variations on using Layout.Fit on some of the items, with no success.
Main Viewport
Main Viewport
@(X.Viewport ( )
.ID("MikeViewport")
.Layout ( Ext.Net.LayoutType.Border )
.Items (
X.Panel ( )
.Region(Region.North)
.ID ( "Header" )
.Border(false)
.ContentFromPage ( this , "~/Views/Mike/Header.cshtml" )
,
X.Panel ( )
.Region(Region.North)
.ID ( "WebAccessBar" )
.Margins("10 10 0 10")
.Border(false)
.ItemsFromAction ( "WebAccessBar" , "Mike" )
,
X.Panel()
.Collapsible(true)
.Collapsed(false)
.HideCollapseTool(true)
.Header(false)
.CollapseMode(CollapseMode.Mini)
.ID ( "MainContentContainer" )
.Region(Region.North)
.Margins("0 10 0 10")
.Border(false)
.Items(
X.Panel ( )
.Region(Region.North)
.ID ( "MainContentHtml" )
.Border(false)
.ContentFromPage ( this , "~/Views/Mike/MainContent.cshtml" )
)
,
X.Panel()
.Region(Region.North)
.ID ("MainButtons")
.Margins("10 10 10 10")
.Border(false)
.Items(
X.Button ( )
.Text("Add Service Order"),
X.Button ( )
.Text ( "Add Call" ),
X.Button ( )
.Text ( "Add Employee Schedule" )
)
,
X.Panel ( )
.ID ("MainFilterResults")
.Layout ( Ext.Net.LayoutType.Fit )
.Region(Region.Center)
.Margins("10 10 10 10")
.Border(false)
.Items(
X.TabPanel ( )
.ID("HomePageFilterResults")
.Items (panelitems =>
{
panelitems.Add (
X.Panel ( )
.ID ( "TabServiceOrder" )
.Title ( "Service Order" )
.Loader ( X.ComponentLoader ( )
.Url ( Url.Action ( "newBrowserResults" ) )
.Mode ( LoadMode.Frame )
.Params ( new { browserName = "Work_Order_Tech" } )
.LoadMask ( lm => lm.ShowMask = true )
)
);
panelitems.Add (
X.Panel ( )
.Layout ( LayoutType.Fit )
.ID ( "TabCallCenter" )
.Title ( "Call Center" )
.Loader ( X.ComponentLoader ( )
.Url ( Url.Action ( "BrowserResult" ) )
.Mode ( LoadMode.Frame )
.TriggerEvent ( "show" )
.Params ( new { browserName = "Work_Order_Tech" } )
.LoadMask ( lm => lm.ShowMask = true )
)
);
}
)
)
)
)
loaded gridpanel ("BrowserResult")X.GridPanel ( )
.Layout(LayoutType.Fit)
.ID ( "gridpanelBrowserResults" )
.Store (
X.Store ( )
.RemotePaging ( false )
.AutoLoad ( true )
.PageSize ( 10 )
.DataSource ( Model.BrowserResults )
.Reader ( reader =>
reader.Add ( X.ODataReader ( ) )
)
.Model (
X.Model ( )
.Fields ( fields =>
{
foreach ( DataColumn col in Model.BrowserResults.Columns )
{
fields.Add ( col.ColumnName , this.GetExtNetFieldType ( col.DataType ) );
}
}
)
)
)
.ColumnModel ( cm =>
{
foreach ( nsNexBusDatSto.LinqToSql.FnSelectBrowserColumnsResult Col in Model.BrowserColumns )
{
cm.Columns.Add ( X.Column ( ).Text ( Col.ColumnHeading ).DataIndex ( Col.Expression ).Flex ( 1 ) );
}
}
)
.SelectionModel (
X.RowSelectionModel ( ).Mode ( SelectionMode.Multi )
)
.View ( X.GridView ( ).StripeRows ( true ) )
.BottomBar (
X.PagingToolbar ( )
.Items (
X.Label ( "Page size:" ) ,
X.ToolbarSpacer ( 10 ) ,
X.ComboBox ( )
.ID("gridpanelComboBoxPaging")
.Width ( 80 )
.Items ( "1" , "2" , "10" , "20" )
.SelectedItems ( "10" )
.DirectEvents ( de =>
{
de.Select.Url = Url.Action ( "newGetBrowserResults" );
de.Select.Success = "onSuccess(App.gridpanelBrowserResults, result.data.BrowserResults);";
de.Select.Failure = "onFailure();";
}
)
)
.HideRefresh(true)
.Plugins ( X.ProgressBarPager ( ) )
)
)
Images