EXT.NET Toolbar GridPanel 활성 폭 및 높이 해결 계획, Viewport 도입

<ext:Viewport ID="ViewPort1" runat="server">


        <Items>


            <ext:BorderLayout ID="BorderLayout1" runat="server">


                <North MarginsSummary="0" AutoHide="true">


                </North>


                <Center MarginsSummary="0 5 0 5">


                    <ext:Panel ID="Panel2" runat="server" Title=" " Icon="HouseStar" Layout="Fit">


                        <TopBar>


                            <ext:Toolbar ID="Toolbar1" runat="server">


                                <Items>


                                    <ext:Button ID="btnAdd" runat="server" Text=" " Icon="ApplicationAdd">


                                        <Listeners>


                                            <Click Handler="AddRoom（）" />


                                        </Listeners>


                                    </ext:Button>


                                    <ext:ToolbarSeparator>


                                    </ext:ToolbarSeparator>


                                    <ext:Button ID="btnEdit" runat="server" Text=" " Icon="ApplicationEdit">


                                        <Listeners>


                                            <Click Handler="EditRoom（）" />


                                        </Listeners>


                                    </ext:Button>


                                    <ext:ToolbarSeparator>


                                    </ext:ToolbarSeparator>


                                    <ext:Button ID="btnDelete" runat="server" Text=" " Icon="ApplicationDelete">


                                        <Listeners>


                                            <Click Handler="DeleteRoom（）" />


                                        </Listeners>


                                    </ext:Button>


                                    <ext:ToolbarSeparator>


                                    </ext:ToolbarSeparator>


                                    <ext:Button ID="btnRefresh" runat="server" Text=" " Icon="Reload" ToolTip=" ">


                                        <Listeners>


                                            <Click Handler="＃{GridPanel1}.reload（）;" />


                                        </Listeners>


                                    </ext:Button>


                                </Items>


                            </ext:Toolbar>


                        </TopBar>


                        <Items>


                            <ext:GridPanel ID="GridPanel1" runat="server" StripeRows="true" StoreID="Store1"


                                TrackMouseOver="true">


                                <ColumnModel ID="ColumnModel1" runat="server">


                                    <Columns>


                                        <ext:Column Header=" " DataIndex="F_NAME" />


                                        <ext:Column Header=" " DataIndex="F_ADDRESS" />


                                        <ext:Column Header=" " DataIndex="F_CAPACITY" />


                                        <ext:Column Header=" " DataIndex="F_ISAPPROVAL">


                                            <Renderer Fn="change" />


                                        </ext:Column>


                                        <ext:Column Header=" " DataIndex="F_ADMIN_NAME" />


                                        <ext:Column Header=" " DataIndex="F_CREATED_NAME" />


                                        <ext:DateColumn Header=" " DataIndex="F_CREATED_ON" />


                                    </Columns>


                                </ColumnModel>


                                <SelectionModel>


                                    <ext:CheckboxSelectionModel ID="CheckboxSelectionModel1" runat="server" SingleSelect="true">


                                        <Listeners>


                                            <RowSelect Handler="if （＃{pnlSouth}.isVisible（）） {＃{Store2}.reload（）;}" Buffer="250" />


                                        </Listeners>


                                    </ext:CheckboxSelectionModel>


                                </SelectionModel>


                                <LoadMask ShowMask="true" Msg=" ..." />


                                <BottomBar>


                                    <ext:PagingToolbar ID="PagingToolbar1" runat="server" PageSize="10" AutoWidth="true" />


                                </BottomBar>


                            </ext:GridPanel>


                        </Items>


                    </ext:Panel>


                </Center>


                <South Collapsible="true" Split="true" MarginsSummary="0 5 5 5">


                    <ext:Panel ID="pnlSouth" runat="server" Title=" " Height="200" Icon="HouseLink"


                        Layout="Fit">


                        <Items>


                            <ext:GridPanel ID="GridPanel2" runat="server" StripeRows="true" StoreID="Store2"


                                TrackMouseOver="true" AutoWidth="true">


                                <ColumnModel ID="ColumnModel2" runat="server">


                                    <Columns>


                                        <ext:NumberColumn Header=" ">


                                        </ext:NumberColumn>


                                        <ext:Column Header=" " DataIndex="F_NAME" />


                                        <ext:Column Header=" " DataIndex="F_CODE" />


                                        <ext:Column Header=" " DataIndex="F_QUANTITY" />


                                    </Columns>


                                </ColumnModel>


                                <SelectionModel>


                                    <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" SingleSelect="true" />


                                </SelectionModel>


                                <LoadMask ShowMask="true" Msg=" ..." />


                            </ext:GridPanel>


                        </Items>


                        <Listeners>


                            <Expand Handler="＃{Store2}.reload（）;" />


                        </Listeners>


                    </ext:Panel>


                </South>


            </ext:BorderLayout>


        </Items>


    </ext:Viewport>