zoukankan      html  css  js  c++  java
  • Coolite 布局ColumnLayout用法

    效果图:

    Html代码:

    <ext:Panel ID="Panel6" runat="server" >
              <Body>
                    <ext:ColumnLayout ID="ColumnLayout3" runat="server">
                          <ext:LayoutColumn >
                              <ext:Panel ID="Panel1" runat="server" Border="false" Header="false" BodyStyle="padding:2px 0px 0px 9px;">
                                     <Body>
                                        <ext:FormLayout ID="FormLayout8" runat="server"  LabelWidth ="60">
                                             <ext:Anchor>
                                                  <ext:TextField ID="txtCustomerName" runat="server"  MaxLength="20" 
                                                          FieldLabel="姓名" Width="120" TabIndex="6"  ReadOnly="true" ></ext:TextField> 
                                             </ext:Anchor>
                                             <ext:Anchor>
                                                   <ext:TextField ID="txtCustomerType" runat="server"  MaxLength="20" 
                                                          FieldLabel="客户类型" Width="120" TabIndex="6"  ReadOnly="true"></ext:TextField> 
                                                   </ext:Anchor>    
                                              <ext:Anchor >
                                                     <ext:TextField ID="txtServerAddress" runat="server" 

                          FieldLabel="服务站" Width="120" TabIndex="9"  ReadOnly="true"></ext:TextField> 
                                               </ext:Anchor>
                                        </ext:FormLayout>
                                      </Body> 
                                </ext:Panel> 
                           </ext:LayoutColumn> 
                           <ext:LayoutColumn >
                                 <ext:Panel ID="Panel7" runat="server" Border="false" Header="false" BodyStyle="padding:2px 0px 0px 9px;">
                                     <Body>
                                         <ext:FormLayout ID="FormLayout5" runat="server"  LabelWidth ="60">
                                               <ext:Anchor>
                                                    <ext:TextField ID="txtTelePhone" runat="server" 

                          FieldLabel="电话" Width="120" TabIndex="7" ReadOnly="true"> </ext:TextField> 
                                               </ext:Anchor>
                                               <ext:Anchor>
                                                    <ext:TextField ID="txtMobil" runat="server" 

                          FieldLabel="手机" Width="120" TabIndex="8" ReadOnly="true"> </ext:TextField> 
                                                </ext:Anchor>
                                                <ext:Anchor>
                                                      <ext:TextField ID="txtCustomerState" runat="server"  

                          FieldLabel="用户状态" Width="120" TabIndex="7" ReadOnly="true"> </ext:TextField> 
                                                 </ext:Anchor>
                                              </ext:FormLayout>
                                           </Body> 
                                       </ext:Panel> 
                                       </ext:LayoutColumn> 
                                       <ext:LayoutColumn >
                                            <ext:Panel ID="Panel8" runat="server" Border="false" Header="false" BodyStyle="padding:2px 0px 0px 9px;">
                                                 <Body>
                                                     <ext:FormLayout ID="FormLayout6" runat="server"  LabelWidth ="60">
                                                        <ext:Anchor>
                                                            <ext:TextField ID="txtApplyDate" runat="server"  

                             FieldLabel="报装日期" Width="120" TabIndex="7" ReadOnly="true">  </ext:TextField> 
                                                        </ext:Anchor>
                                                        <ext:Anchor>
                                                             <ext:TextField ID="txtStopDate" runat="server"

                            FieldLabel="停机日期" Width="120" TabIndex="8"  ReadOnly="true">  </ext:TextField> 
                                                         </ext:Anchor>
                                                         <ext:Anchor >
                                                              <ext:TextField ID="txtBalance" runat="server"

                            FieldLabel="余额" Width="120" TabIndex="9"  ReadOnly="true"></ext:TextField> 
                                                         </ext:Anchor>
                                                 </ext:FormLayout>
                                                  </Body> 
                                              </ext:Panel> 
                                       </ext:LayoutColumn>

        </Body>

    </ext:Panel>

  • 相关阅读:
    python简单应用!用爬虫来采集天猫所有优惠券信息,写入本地文件
    python有哪些好玩的应用实现,用python爬虫做一个二维码生成器
    Python学习,给自己的代码做个合集,定制自己的桌面软件!
    用python抓取“3d”彩票数据,怎么分析你说了算!
    怎么让你的代码更Pythonic?光有技巧可不行,你还需要看这些
    Python学习汇总,做数据采集的一些小技巧,干货满满
    Python学习,还在用正则或者bs4做爬虫吗?来试试css选择器吧
    C# Windows API判断当前窗口是否与其他窗口有重叠(USER32.dll、dwmapi.dll)
    asp.net mvc 设置文本框的宽高
    C++ 判断当前系统x64 or x86
  • 原文地址:https://www.cnblogs.com/hailexuexi/p/1885352.html
Copyright © 2011-2022 走看看