FineUI 官方论坛

标题: 刚发现的一个bug [打印本页]

作者: 低调的生活 时间: 2013-3-12 11:17
标题: 刚发现的一个bug
两层panel，外层panle的布局如果用了vbox，里面的panle收缩后，底下的控件不能自动上升，如果不用vbox，则里面的grid高度不能自适应，三石兄，帮解决下呗！

代码如下
<form id="form1" runat="server">
<ext

ageManager ID="pmAll" AutoSizePanelID="pnlBody" runat="server" AjaxLoadingType="Mask" />
<ext

anel ID="pnlBody" runat="server" EnableBackgroundColor="true" BodyPadding="3px"
CssClass="bcak" EnableLargeHeader="true" Title="

anel" ShowBorder="false" ShowHeader="false"
      Layout="VBox" BoxConfigAlign="Stretch">
      <Items>
         <ext:SimpleForm ID="SimpleForm1" Width="600px" BodyPadding="5px" LabelAlign="Right"
            ShowHeader="true" EnableCollapse="true" Title="表单" runat="server" ShowBorder="false">
            <Items>
                  <ext

anel ID="

anel25" ShowHeader="false" CssClass="bcak" ShowBorder="false" Layout="Column"
                     runat="server">
                     <Items>
                        <ext

abel ID="Label2" Width="80px" runat="server" CssClass="inline" ShowLabel="false"
Text="用户名：">
</ext

abel>
                        <ext:TextBox ID="TextBox29" Label="用户名" CssClass="mright" Required="true" runat="server">
                        </ext:TextBox>
                        <ext:Button ID="Button3" Text="按钮一" CssClass="mright" runat="server">
                        </ext:Button>
                        <ext:Button ID="Button4" Text="按钮二" runat="server">
                        </ext:Button>
                     </Items>
                  </ext

anel>
<ext

anel ID="

anel1" ShowHeader="false" ShowBorder="false" Layout="Column" CssClass="x-form-item datecontainer"
                     runat="server">
                     <Items>
                        <ext

abel ID="Label19" runat="server" Width="80px" CssClass="inline" ShowLabel="false"
Text="起始时间：">
</ext

abel>
<ext

atePicker ID="DatePicker1" Width="150px" runat="server">
</ext

atePicker>
<ext

atePicker ID="DatePicker2" Width="150px" runat="server">
</ext

atePicker>
</Items>
</ext

anel>
<ext

anel ID="

anel3" ShowHeader="false" ShowBorder="false" Layout="Column" CssClass="x-form-item datecontainer"
                     runat="server">
                     <Items>
                        <ext

abel ID="Label3" runat="server" Width="80px" CssClass="inline" ShowLabel="false"
Text="起始时间：">
</ext

abel>
<ext

atePicker ID="DatePicker3" ColumnWidth="50%" runat="server">
</ext

atePicker>
<ext

atePicker ID="DatePicker4" ColumnWidth="50%" runat="server">
</ext

atePicker>
</Items>
</ext

anel>
<ext

anel ID="

anel4" ShowHeader="false" ShowBorder="false" Layout="Column" CssClass="x-form-item datecontainer"
                     runat="server">
                     <Items>
                        <ext

abel ID="Label4" runat="server" Width="80px" CssClass="inline" ShowLabel="false"
Text="工作时间：">
</ext

abel>
                        <ext:TextBox ID="TextBox1" Width="40px" runat="server">
                        </ext:TextBox>
                        <ext

abel ID="Label1" runat="server" Text=" 小时 ">
</ext

abel>
                        <ext:TextBox Width="40px" ID="TextBox2" runat="server">
                        </ext:TextBox>
                        <ext:Label ID="Label5" runat="server" Text=" 分钟">
                        </ext:Label>
                     </Items>
                  </ext

anel>
            </Items>
         </ext:SimpleForm>
         <ext:Panel ID="pnlContent" ShowBorder="true" ShowHeader="false" BoxFlex="1" Layout="Fit"
            runat="server">
            <Toolbars>
                  <ext:Toolbar ID="Toolbar2" runat="server">
                     <Items>
                        <ext:Button ID="btnPopupWindow" Text="弹出对话框" runat="server">
                        </ext:Button>
                        <ext:ToolbarSeparator ID="ToolbarSeparator1" runat="server">
                        </ext:ToolbarSeparator>
                        <ext:Button ID="btnCheckSelection" Text="检查选中项状态" runat="server">
                        </ext:Button>
                        <ext:ToolbarSeparator ID="ToolbarSeparator2" runat="server">
                        </ext:ToolbarSeparator>
                        <ext:Button ID="btnConfirmButton" Text="删除选中项" runat="server">
                        </ext:Button>
                     </Items>
                  </ext:Toolbar>
            </Toolbars>
            <Items>
                  <ext:Grid ID="grd" Title="Grid2" PageSize="80" ShowBorder="false" AllowPaging="true"
                     ShowHeader="False" runat="server" EnableCheckBoxSelect="True" EnableRowNumber="True">
                     <Columns>
                        <ext:BoundField Width="100px" DataField="Name" DataFormatString="{0}" HeaderText="ID"
                              Hidden="true" />
                        <ext:BoundField Width="100px" DataField="Name" DataFormatString="{0}" HeaderText="姓名" />
                        <ext:BoundField Width="60px" DataField="EntranceYear" HeaderText="入学年份" />
                        <ext:CheckBoxField Width="60px" RenderAsStaticField="true" DataField="AtSchool" HeaderText="是否在校" />
                        <ext:HyperLinkField HeaderText="所学专业" DataToolTipField="Major" DataTextField="Major"
                              DataTextFormatString="{0}" DataNavigateUrlFields="Major" DataNavigateUrlFormatString="http://gsa.ustc.edu.cn/search?q={0}"
                              DataNavigateUrlFieldsEncode="true" Target="_blank" ExpandUnusedSpace="True" />
                        <ext:ImageField Width="60px" DataImageUrlField="Group" DataImageUrlFormatString="~/images/16/{0}.png"
                              HeaderText="分组"></ext:ImageField>
                        <ext:BoundField Width="100px" DataField="LogTime" DataFormatString="{0:yy-MM-dd}"
                              HeaderText="注册日期" />
                        <ext:WindowField HeaderText="编辑" TextAlign="Center" Width="60px" WindowID="Window1"
                              Icon="

encil" ToolTip="编辑" DataIFrameUrlFields="Id,Name" DataIFrameUrlFormatString="../grid/grid_iframe_window.aspx?id={0}&name={1}"
                              Title="编辑" IFrameUrl="~/alert.aspx" />
                     </Columns>
                  </ext:Grid>
            </Items>
         </ext:Panel>
      </Items>
</ext:Panel>
<ext:Window ID="Window1" Title="弹出窗体" Popup="false" EnableIFrame="true" IFrameUrl="about:blank"
      EnableMaximize="true" Target="Top" EnableResize="true" runat="server" IsModal="true"
      EnableDrag="true" Width="750px" EnableConfirmOnClose="true" Height="550px">
</ext:Window>
</form>

作者: appletreegd 时间: 2013-3-12 11:56
分组面板也不错，例子上有，GroupPanel

作者: 低调的生活 时间: 2013-3-20 09:11
但是用分组面板不适合整体的布局，我觉得可能是我那部分没有搞好，希望高人给个指点啊！

作者: 低调的生活 时间: 2013-3-25 23:49
别让我的帖子沉了
这个功能很常用的，顶层的搜索框隐藏的，底下的grid需要自适应高度

欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/)