FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 7252|回复: 7
打印 上一主题 下一主题

一行如何排版两个控件

[复制链接]
跳转到指定楼层
楼主
发表于 2012-11-30 08:07:33 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
一行如何排版两个控件,把图中的选择按纽放到收件人的右边。


页面文件(也是从三石的在线示例中抄的):
<%@ 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>

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
沙发
发表于 2012-11-30 10:35:06 | 只看该作者
  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>
复制代码
板凳
 楼主| 发表于 2012-11-30 10:38:44 | 只看该作者
还是会报错,但也要谢谢。
地板
发表于 2012-12-1 03:21:15 | 只看该作者
本帖最后由 莮亾 于 2012-12-1 03:24 编辑
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="layout_panel.aspx.cs" Inherits="FineUI.Examples.form.layout_panel" %>

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

5#
 楼主| 发表于 2012-12-1 03:44:35 | 只看该作者
谢谢了。我再调试。
也有可能问题出在这个:        <x:SimpleForm ID="SimpleForm1" ShowBorder="false" ShowHeader="false" EnableBackgroundColor="true"
                        AutoScroll="true" BodyPadding="5px" runat="server" EnableCollapse="True">
6#
 楼主| 发表于 2012-12-1 08:09:11 | 只看该作者
可以了:代码如下:基本上符合要求:
<%@ 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>
7#
发表于 2012-12-7 02:16:23 | 只看该作者
SimpleForm该用Form
8#
 楼主| 发表于 2012-12-7 02:18:04 | 只看该作者
好的,再试试看。万事开头难。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-11-24 07:09 , Processed in 0.049087 second(s), 19 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表