关于布局排版的问题

西门吹雪

    布局代码如下:
    <xageManager ID="ageManager1" AutoSizePanelID="anel1" runat="server" />
    <xanel ID="anel1" runat="server" BodyPadding="5px" EnableLargeHeader="false" EnableBackgroundColor="true"
        ShowBorder="false" ShowHeader="false" Layout="VBox">
        <Items>
            <x:Form ID="Form2" runat="server" AutoHeight="true" BodyPadding="5px" ShowHeader="false"
                ShowBorder="false" LabelAlign="Right" EnableBackgroundColor="true" LabelWidth="60px">
                <Rows>
                    <x:FormRow ID="FormRow2" runat="server" ColumnWidths="250 220 220 220 80">
                        <Items>
                            <x:TwinTriggerBox ID="ttbSearch" runat="server" ShowLabel="false" EmptyText="关键字查询"
                                Trigger1Icon="Clear" Trigger2Icon="Search" ShowTrigger1="false" OnTrigger2Click="ttbSearch_Trigger2Click"
                                OnTrigger1Click="ttbSearch_Trigger1Click">
                            </x:TwinTriggerBox>
                            <x:TriggerBox ID="tbxContract" EnableEdit="false" Text="" TriggerIcon="Search" Label="合同"
                                        runat="server" AutoPostBack="true">
                            </x:TriggerBox>
                            <xropDownList ID="ddlGuest" Label="货主" runat="server" AutoPostBack="true"
                                OnSelectedIndexChanged="ddlDate_SelectedIndexChanged">
                            </xropDownList>
                            <xropDownList ID="ddlDate" Label="下单时间" runat="server" AutoPostBack="true"
                                OnSelectedIndexChanged="ddlDate_SelectedIndexChanged">
                            </xropDownList>
                            <x:Button ID="btnReset" runat="server" Text="重置条件" EnablePostBack="true">
                            </x:Button>
                        </Items>
                    </x:FormRow>
                </Rows>
            </x:Form>
            <x:Grid ID="Grid1" runat="server" ShowBorder="true" ShowHeader="false" EnableCheckBoxSelect="true"
                EnableRowNumber="true" DataKeyNames="Id" EnableMultiSelect="false" BoxFlex="1">
                <Columns>
                    <x:BoundField ColumnID="SysNo" SortField="SysNo" DataField="SysNo" HeaderText="计划单号"
                        Width="110px" />
                    <x:BoundField ColumnID="OrderDate" SortField="OrderDate" DataField="OrderDate" HeaderText="下单日期"
                        Width="90px" DataFormatString="{0:d}" />
                    <x:BoundField ColumnID="Etd" SortField="Etd" DataField="Etd"
                        HeaderText="预计到货日期" Width="90px" DataFormatString="{0:d}" />
                    <x:BoundField ColumnID="Consignee" SortField="Consignee" DataField="Consignee" HeaderText="联系人"
                        Width="80px" />
                    <x:BoundField DataField="TotalCbm" HeaderText="总CBM" Width="80px" TextAlign="Right" />
                    <x:BoundField DataField="TotalWt" HeaderText="总重量" Width="80px" TextAlign="Right" />
                    <x:BoundField DataField="StateInfo" HeaderText="当前状态" Width="70px" />
                </Columns>
            </x:Grid>
        </Items>
    </xanel>

现在的问题是:
1、在IE9中ColumnWidths="250 220 220 220 80"（见上红字部分）不起作用。在Firefox中没问题
2、游览器最大化时显示正常，缩放浏览器时上面代码中Form中的行超出部分不显示，需要刷新后才能显示，且刷新后会自动错行（控件错行显示，不是自动加滚动条，我要的效果是加滚动条），界面分别如下：
此界面下单时间后面部分不显示了

  此时出现错行，见下单时间部分。

另缩放浏览器后再最大化时，界面不会自动填充放大。
以上请老大或哪位大侠给点建议或提供解决办法，谢谢！

秋收

用ContentPanel加table排版吧，想怎么排就怎么排。

西门吹雪

秋收 发表于 2012-12-12 08:15
用ContentPanel加table排版吧，想怎么排就怎么排。

老兄给个示例吧,谢谢了

秋收

参见附件

西门吹雪

秋收 发表于 2012-12-13 01:42
参见附件

首先感谢大侠!我试了一下,问题1、3可以解决,问题2还是会存在，这应该是FineUI的问题吧

秋收

在table中的控件均设为固定宽度，一行中的控件不要过多，以保证在正常宽度下能全部显示
table的width="100%" 高度固定，table中最好在每一行最后留一个不定义宽度的空列，其它列均使用固定宽度，且应稍大于控件宽度，我在使用过程中未出现问题2。

秋收

补充：table中的TD最好加nowrap属性，即不允许内容换行。

weston

支持一下，

erp8@live.cn

秋收 发表于 2012-12-13 01:42
参见附件

谢谢了,正是我想要的效果!