FineUI 官方论坛

标题: 一行如何排版两个控件 [打印本页]
作者: sjxwb    时间: 2012-11-30 08:07
标题: 一行如何排版两个控件
一行如何排版两个控件，把图中的选择按纽放到收件人的右边。
[attach]1370[/attach]

页面文件（也是从三石的在线示例中抄的）：
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="NewMsg.aspx.vb" Inherits="Form_msg_NewMsg" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
     <xageManager ID="ageManager1" AutoSizePanelID="anel1" runat="server" />
    <xanel ID="anel1" runat="server" Layout="Fit" ShowBorder="False" ShowHeader="false"
        BodyPadding="5px" EnableBackgroundColor="true">
        <Toolbars>
            <x:Toolbar ID="Toolbar1" runat="server">
                <Items>
                    <x:Button ID="btnsave" EnablePostBack="true" Text="保存"  iconurl="~/icon/system_save.gif"   runat="server"    >
                    </x:Button>
                    <x:ToolbarSeparator ID="ToolbarSeparator2" runat="server">
                    </x:ToolbarSeparator>
                    <x:TextBox ID="txtlsh" Label="流水号" runat="server" Enabled="false"  Width="200px"/>
                                                     
                </Items>
            </x:Toolbar>
        </Toolbars>
      
        <Items>
            <xanel ID="anel2" Layout="Fit" runat="server" ShowBorder="false" ShowHeader="false">
                <Items>
                    <x:SimpleForm ID="SimpleForm1" ShowBorder="false" ShowHeader="false" EnableBackgroundColor="true"
                        AutoScroll="true" BodyPadding="5px" runat="server" EnableCollapse="True">
                     

                        
                          <Items>
                              <x:TextBox ID="Txtsjr" Label="收件人" runat="server" Enabled="false" />
                              <x:Button ID="btnselect" EnablePostBack="false" runat="server" Text="从列表中选择"   />
                          </Items>   
                          <Items>   
                              <x:HtmlEditor ID="HtmlEditor1" Label="详细内容" Height="550px" runat="server">
                              </x:HtmlEditor>
                              <x:FileUpload ID="FileUpload1" runat="server" Label="Label">
                              </x:FileUpload>
                          </Items>
                       
                  
                     
                    </x:SimpleForm>
                </Items>
            </xanel>
        </Items>
        
    </xanel>
   
    </form>
</body>
</html>

作者: 琴舞飞扬    时间: 2012-11-30 10:35
  1. <ext:FormRow>
  2.                 <Items>
  3.                     <x:TextBox ID="Txtsjr" Label="收件人" runat="server" Enabled="false" />
  4.                     <x:Button ID="btnselect" EnablePostBack="false" runat="server" Text="从列表中选择" />
  5.                 </Items>
  6.             </ext:FormRow>
复制代码
作者: sjxwb    时间: 2012-11-30 10:38
还是会报错，但也要谢谢。
作者: 莮亾    时间: 2012-12-1 03:21
本帖最后由 莮亾 于 2012-12-1 03:24 编辑
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="layout_panel.aspx.cs" Inherits="FineUI.Examples.form.layout_panel" %>

  3. <!DOCTYPE html>
  4. <html>
  5. <head runat="server">
  6.     <title></title>
  7.     <link href="../css/main.css" rel="stylesheet" type="text/css" />
  8. </head>
  9. <body>
  10.     <form id="form1" runat="server">
  11.     <x:PageManager ID="PageManager1" runat="server" />
  12.     <x:Form ID="Form2" Width="600px" BodyPadding="5px" Title="表单" runat="server">
  13.         <Rows>
  14.             <x:FormRow ColumnWidths="50% 60px 60px">
  15.                 <Items>
  16.                     <x:TextBox ID="TextBox1" Label="用户名" runat="server">
  17.                     </x:TextBox>
  18.                     <x:Button ID="Button1" Text="按钮一" CssClass="inline" runat="server">
  19.                     </x:Button>
  20.                     <x:Button ID="Button2" Text="按钮二" runat="server">
  21.                     </x:Button>
  22.                 </Items>
  23.             </x:FormRow>
  24.         </Rows>
  25.     </x:Form>
  26.     </form>
  27. </body>
  28. </html>
复制代码
CssClass="inline"

作者: sjxwb    时间: 2012-12-1 03:44
谢谢了。我再调试。
也有可能问题出在这个：        <x:SimpleForm ID="SimpleForm1" ShowBorder="false" ShowHeader="false" EnableBackgroundColor="true"
                        AutoScroll="true" BodyPadding="5px" runat="server" EnableCollapse="True">
作者: sjxwb    时间: 2012-12-1 08:09
可以了：代码如下：基本上符合要求：
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="NewMsg.aspx.vb" Inherits="Form_msg_NewMsg" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <xageManager ID="ageManager1"  runat="server" />
    <xanel ID="anel1" runat="server"  ShowBorder="False" ShowHeader="false"  BodyPadding="5px" EnableBackgroundColor="true">
        <Toolbars>
            <x:Toolbar ID="Toolbar1" runat="server">
                <Items>
                    <x:Button ID="btnsave" EnablePostBack="true" Text="保存"  iconurl="~/icon/system_save.gif"   runat="server"   OnClick="btnsave_Click"  >
                    </x:Button>
                    <x:ToolbarSeparator ID="ToolbarSeparator3" runat="server">
                    </x:ToolbarSeparator>
                    <x:Button ID="btnclose"   Text="取消"  Icon="SystemClose"   runat="server"     >
                    </x:Button>
                    <x:ToolbarSeparator ID="ToolbarSeparator2" runat="server">
                    </x:ToolbarSeparator>
                    <x:TextBox ID="txtlsh" Label="流水号" runat="server" Enabled="false"  Width="50px"/>
                 </Items>
            
            </x:Toolbar>
         </Toolbars>
    </xanel>      
               

     

   
            <x:Form ID="Form3" runat="server" ShowBorder="True" EnableBackgroundColor="true"
                BodyPadding="5px" ShowHeader="false" Title="表单"  >
                <Rows>
                    <x:FormRow>
                        <Items>
                            <x:TextBox ID="Txtsjr" Label="收件人" runat="server" Enabled="false"   width="800px" CssClass="mright" />
                            <x:Button ID="btnselect" EnablePostBack="false" IconUrl="~/icon/tick.png"   runat="server" Text="从列表中选择"   />
                        </Items>
                    </x:FormRow>
                    <x:FormRow>
                        <Items>
                            <x:FileUpload ID="FileUpload1" runat="server" Label="附件">
                            </x:FileUpload>
                        </Items>
                    </x:FormRow>
      
                    
                </Rows>
            </x:Form>


     
              


            <xanel ID="anel3"  runat="server" ShowBorder="false" ShowHeader="false">
                <Items>
                    <x:SimpleForm ID="SimpleForm1" ShowBorder="false" ShowHeader="false" EnableBackgroundColor="true"
                        AutoScroll="true" BodyPadding="5px" runat="server" EnableCollapse="True">
                          <Items>   
                              <x:HtmlEditor ID="HtmlEditor1" Label="详细内容" Height="550px" runat="server">
                              </x:HtmlEditor>
                          </Items>
                     
                    </x:SimpleForm>
                </Items>
            </xanel>

      

   
       <x:Window ID="WindowSjrList" Title="请选择收件人" Popup="false" EnableIFrame="true" runat="server"
                CloseAction="HidePostBack" EnableConfirmOnClose="true" IFrameUrl="about:blank"
                EnableMaximize="true" EnableResize="true"  Target="Top"
                IsModal="True" Width="800px" Height="660px">
       </x:Window>
   
   
    </form>
</body>
</html>
作者: 游泳的鱼    时间: 2012-12-7 02:16
SimpleForm该用Form
作者: sjxwb    时间: 2012-12-7 02:18
好的，再试试看。万事开头难。



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