FineUI 官方论坛

标题: FileUpload 浏览位置不齐 [打印本页]

作者: 执着    时间: 2013-10-22 13:45
标题: FileUpload 浏览位置不齐
[attach]3389[/attach]
如上图所示,按钮位置下移了一个位置,求解决,代码如下:

  1. <P><x:Form ID="Form2" runat="server" ShowBorder="False" ShowHeader="False" Height="60px"
  2.                             EnableBackgroundColor="true" LabelWidth="70px" BodyPadding="5px" Width="800px">
  3.                             <Rows>
  4.                                 <x:FormRow>
  5.                                     <Items>
  6.                                         <x:TextBox ID="txt_ACNT_ID" runat="server" Label="结算中心代码"></x:TextBox>
  7.                                         <x:TextBox ID="txt_ACNT_NAME" runat="server" Label="结算中心名称"></x:TextBox>
  8.                                         <x:DropDownList ID="ddl_ACNT_TYPE" runat="server" Label="结算类型"></x:DropDownList>
  9.                                     </Items>
  10.                                 </x:FormRow>
  11.                                 <x:FormRow>
  12.                                     <Items>
  13.                                         <x:FileUpload ID="FU_DATA_DIR" runat="server" Required="true"  Label="数据目录"></x:FileUpload>
  14.                                         <x:FileUpload ID="FU_BAK_DIR" runat="server" Required="true"  Label="备份数据目录"></x:FileUpload>
  15.                                     </Items>
  16.                                 </x:FormRow></P>
  17. <P>                            </Rows>
  18.                         </x:Form> </P>
复制代码


作者: sanshi    时间: 2013-10-22 14:01
先把多余的 <P> </P> 去掉
作者: 执着    时间: 2013-10-22 15:59
sanshi 发表于 2013-10-22 14:01
先把多余的   去掉

这不是关键,手误,沾代码的时候多打了空格
作者: 执着    时间: 2013-10-24 09:15
sanshi 发表于 2013-10-22 14:01
先把多余的   去掉
  1.                 <x:Toolbar ID="Toolbar1" runat="server">
  2.                     <Items>
  3.                         <x:Form ID="Form2" runat="server" ShowBorder="False" ShowHeader="False" Height="60px"
  4.                             EnableBackgroundColor="true" LabelWidth="70px" BodyPadding="5px" Width="800px">
  5.                             <Rows>
  6.                                 <x:FormRow>
  7.                                     <Items>
  8.                                         <x:TextBox ID="txt_ACNT_ID" runat="server" Label="结算中心代码"></x:TextBox>
  9.                                         <x:TextBox ID="txt_ACNT_NAME" runat="server" Label="结算中心名称"></x:TextBox>
  10.                                         <x:DropDownList ID="ddl_ACNT_TYPE" runat="server" Label="结算类型"></x:DropDownList>
  11.                                     </Items>
  12.                                 </x:FormRow>
  13.                                 <x:FormRow>
  14.                                     <Items>
  15.                                         <x:FileUpload ID="FU_DATA_DIR" runat="server"   Label="数据目录"></x:FileUpload>
  16.                                         <x:FileUpload ID="FU_BAK_DIR" runat="server"  Label="备份数据目录"></x:FileUpload>
  17.                                     </Items>
  18.                                 </x:FormRow>
  19.                             </Rows>
  20.                         </x:Form>
  21.                     </Items>
  22.                 </x:Toolbar>
  23.             </Toolbars>
复制代码

作者: 执着    时间: 2013-10-24 09:19
再发一次全代码,求助
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="W_ACNT_INFO.aspx.cs" Inherits="kingdom.Web.WebUI.W_ACNT_INFO" %>

  2. <!DOCTYPE html>

  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head id="Head1" runat="server">
  6.     <title>W_ACNT_INFO</title>
  7.     <style>
  8.         .btn-in-form {
  9.             margin-bottom: 4px;
  10.         }
  11.     </style>
  12. </head>
  13. <body>
  14.     <form id="form1" runat="server">
  15.         <x:PageManager ID="PageManager1" AutoSizePanelID="panel1" runat="server" FormOffsetRight="5px" />
  16.         <x:Panel ID="panel1" runat="server" Layout="Fit" BoxConfigAlign="Center" ShowBorder="false"
  17.             ShowHeader="false" BodyPadding="0px" AutoScroll="true" EnableBackgroundColor="true">
  18.             <Toolbars>
  19.                 <x:Toolbar ID="Toolbar1" runat="server">
  20.                     <Items>
  21.                         <x:Form ID="Form2" runat="server" ShowBorder="False" ShowHeader="False" Height="60px"
  22.                             EnableBackgroundColor="true" LabelWidth="70px" BodyPadding="5px" Width="800px">
  23.                             <Rows>
  24.                                 <x:FormRow>
  25.                                     <Items>
  26.                                         <x:TextBox ID="txt_ACNT_ID" runat="server" Label="结算中心代码"></x:TextBox>
  27.                                         <x:TextBox ID="txt_ACNT_NAME" runat="server" Label="结算中心名称"></x:TextBox>
  28.                                         <x:DropDownList ID="ddl_ACNT_TYPE" runat="server" Label="结算类型"></x:DropDownList>
  29.                                     </Items>
  30.                                 </x:FormRow>
  31.                                 <x:FormRow>
  32.                                     <Items>
  33.                                         <x:FileUpload ID="FU_DATA_DIR" runat="server"   Label="数据目录"></x:FileUpload>
  34.                                         <x:FileUpload ID="FU_BAK_DIR" runat="server"  Label="备份数据目录"></x:FileUpload>
  35.                                     </Items>
  36.                                 </x:FormRow>
  37.                             </Rows>
  38.                         </x:Form>
  39.                     </Items>
  40.                 </x:Toolbar>
  41.             </Toolbars>
  42.             <Items>
  43.                 <x:Grid ID="Grid_ACNT_INFO_info" runat="server" ShowBorder="false" ShowHeader="false" IsDatabasePaging="true"
  44.                     EnableRowNumber="true" EnableTextSelection="true" DataKeyNames="ACNT_ID" EnableRowClick="true" OnRowClick="Grid_RowClick"
  45.                     PageSize="40" AllowPaging="true" OnPageIndexChange="Grid_PageIndexChange" AllowSorting="true"
  46.                     SortColumn="ACNT_ID" SortDirection="ASC" OnSort="Grid_Sort">
  47.                     <Toolbars>
  48.                         <x:Toolbar ID="Toolbar2" runat="server">
  49.                             <Items>
  50.                                 <x:Button ID="btnNew" Text="新增" Icon="Add" EnablePostBack="false" runat="server">
  51.                                 </x:Button>
  52.                                 <x:Button ID="btn_modify" Text="修改" Icon="TabEdit" EnablePostBack="false" runat="server">
  53.                                 </x:Button>
  54.                                 <x:Button ID="btnDelete" Text="删除" Icon="Delete" EnablePostBack="false" runat="server" OnClick="btn_delete_Click">
  55.                                 </x:Button>
  56.                                 <x:ToolbarFill ID="ToolbarFill1" runat="server">
  57.                                 </x:ToolbarFill>
  58.                                 <x:Button ID="btn_query" Text="查询" Icon="Find" EnablePostBack="true" runat="server" OnClick="btn_query_Click">
  59.                                 </x:Button>
  60.                             </Items>
  61.                         </x:Toolbar>
  62.                     </Toolbars>
  63.                     <Columns>
  64.                         <x:BoundField Width="80px" DataField="ACNT_ID" DataFormatString="{0}" HeaderText="结算中心代码" ColumnID="ACNT_ID" SortField="ACNT_ID" />
  65.                         <x:BoundField Width="80px" DataField="ACNT_NAME" DataFormatString="{0}" HeaderText="结算中心名称" ColumnID="ACNT_NAME" SortField="ACNT_NAME" />
  66.                         <x:BoundField Width="80px" DataField="ACNT_TYPE" DataFormatString="{0}" HeaderText="结算类型" ColumnID="ACNT_TYPE" SortField="ACNT_TYPE" Hidden="true" />
  67.                         <x:BoundField Width="80px" DataField="ACNT_TYPE_NAME" DataFormatString="{0}" HeaderText="结算类型" ColumnID="ACNT_TYPE_NAME" SortField="ACNT_TYPE_NAME"  />
  68.                         <x:BoundField Width="80px" DataField="DATA_DIR" DataFormatString="{0}" HeaderText="数据目录" ColumnID="DATA_DIR" SortField="DATA_DIR" />
  69.                         <x:BoundField Width="80px" DataField="BAK_DIR" DataFormatString="{0}" HeaderText="备份数据目录" ColumnID="BAK_DIR" SortField="BAK_DIR" />
  70.                         <x:BoundField Width="80px" DataField="CRE_HAND_PER" DataFormatString="{0}" HeaderText="充值手续费%" ColumnID="CRE_HAND_PER" SortField="CRE_HAND_PER" />
  71.                         <x:BoundField Width="80px" DataField="BAD_HAND" DataFormatString="{0}" HeaderText="卡工本费(单位分)" ColumnID="BAD_HAND" SortField="BAD_HAND" />
  72.                         <x:BoundField Width="80px" DataField="CON_HAND_PER" DataFormatString="{0}" HeaderText="消费交易费" ColumnID="CON_HAND_PER" SortField="CON_HAND_PER" />
  73.                         <x:BoundField Width="80px" DataField="USE_FALG" DataFormatString="{0}" HeaderText="是否当前" ColumnID="USE_FALG" SortField="USE_FALG" Hidden="true" />

  74.                     </Columns>
  75.                 </x:Grid>
  76.             </Items>
  77.         </x:Panel>
  78.         <x:Window ID="new_info" runat="server" Height="300px" Width="600px" Target="Parent"
  79.             EnableIFrame="true" IFrameUrl="about:blank" IsModal="true" Popup="false" OnClose="new_Close"
  80.             Title="新增表单">
  81.         </x:Window>
  82.         <x:Window ID="modify_info" runat="server" Height="300px" Width="600px" Target="Parent"
  83.             EnableIFrame="true" IFrameUrl="about:blank" IsModal="true" Popup="false" OnClose="modify_Close"
  84.             Title="修改表单">
  85.         </x:Window>
  86.     </form>
  87. </body>
  88. </html>
复制代码

作者: sanshi    时间: 2013-10-24 10:11
先说下明显看到的问题:
1. <!DOCTYPE html> 重复了
2. 不要在Toolbar中放太复杂的结构(比如Form),建议使用页面布局类似:http://fineui.com/demo/#/demo/iframe/grid_iframe.aspx


你给的页面我在Firefox和IE下看也没多大的问题,不知道你用的啥浏览器?
[attach]3403[/attach]


作者: 执着    时间: 2013-10-25 15:22
本帖最后由 执着 于 2013-10-25 15:27 编辑
sanshi 发表于 2013-10-24 10:11
先说下明显看到的问题:
1.  重复了
2. 不要在Toolbar中放太复杂的结构(比如Form),建议使用页面布局类似 ...


我知道了。我IE8 点了下兼容就好了。。。。。
作者: sanshi    时间: 2013-10-25 15:24
我的是IE10下面的IE8模式,可能和原生的IE8还不大相同。建议不要在Toolbar中放复杂的内容:
2. 不要在Toolbar中放太复杂的结构(比如Form),建议使用页面布局类似:http://fineui.com/demo/#/demo/iframe/grid_iframe.aspx

作者: 执着    时间: 2013-10-25 15:29
sanshi 发表于 2013-10-25 15:24
我的是IE10下面的IE8模式,可能和原生的IE8还不大相同。建议不要在Toolbar中放复杂的内容:
...

我知道答案了——————兼容模式。。。。
额外问下背景图片怎么拉伸啊?
作者: sanshi    时间: 2013-10-25 15:32
执着 发表于 2013-10-25 15:29
我知道答案了——————兼容模式。。。。
额外问下背景图片怎么拉伸啊? ...

..........
作者: 执着    时间: 2013-10-25 16:51
sanshi 发表于 2013-10-25 15:32
..........

怎么拉伸呢?[attach]3419[/attach]




欢迎光临 FineUI 官方论坛 (https://fineui.com/BBS/) Powered by Discuz! X3.4