FineUI 官方论坛

标题: 关于布局排版的问题 [打印本页]

作者: 西门吹雪 时间: 2012-12-12 07:21
标题: 关于布局排版的问题
布局代码如下:
<x

ageManager ID="

ageManager1" AutoSizePanelID="

anel1" runat="server" />
<x

anel 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>
                        <x

ropDownList ID="ddlGuest" Label="货主" runat="server" AutoPostBack="true"
OnSelectedIndexChanged="ddlDate_SelectedIndexChanged">
</x

ropDownList>
<x

ropDownList ID="ddlDate" Label="下单时间" runat="server" AutoPostBack="true"
OnSelectedIndexChanged="ddlDate_SelectedIndexChanged">
</x

ropDownList>
                        <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>
</x

anel>

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

[attach]1438[/attach] 此时出现错行，见下单时间部分。

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

作者: 秋收 时间: 2012-12-12 08:15
用ContentPanel加table排版吧，想怎么排就怎么排。

作者: 西门吹雪 时间: 2012-12-13 01:25

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

老兄给个示例吧,谢谢了

作者: 秋收 时间: 2012-12-13 01:42
参见附件

作者: 西门吹雪 时间: 2012-12-13 02:17

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

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

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

作者: 秋收 时间: 2012-12-13 03:17
补充：table中的TD最好加nowrap属性，即不允许内容换行。

作者: weston 时间: 2013-3-19 14:25
支持一下，

作者: erp8@live.cn 时间: 2013-6-23 16:48

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

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

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