Ext控件使用實例
首先是web.config配置
<?xml version=1.0?>
<configuration>
  <system.web>
    <httpModules>
      <add name=DirectRequestModule type=Ext.Net.DirectRequestModule,Ext.Net />
    </httpModules>
    <httpHandlers>
      <add path=*/ext.axd verb=* type=Ext.Net.ResourceHandler validate=false/>
    </httpHandlers>       
   <!–Ext.Net配置详情–>
    <compilation debug=true/>
   
    <pages
      <controls>
        <add assembly=Ext.Net namespace=Ext.Net tagPrefix=ext />
      </controls>
    </pages>
  </system.web>
</configuration>
—————————-分界線
 
然後是頁面源代碼
<%@ Page Language=”C#” AutoEventWireup=”true” CodeBehind=”study.aspx.cs” Inherits=”study.WebForm1″ %>
<%@ Register assembly=”Ext.Net” namespace=”Ext.Net” tagPrefix=”ext” %>
<!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>Ext佈局示例</title>
</head>
<body>
    <form id=”form1″ runat=”server”>
    <ext:ResourceManager ID=”ResourceManager1″ runat=”server”></ext:ResourceManager>
    <ext:Viewport ID=”Viewport1″ runat=”server” Layout=”FitLayout” >     <Items>
      <ext:FormPanel runat=”server” Frame=”true” LabelWidth=”40″>
       <Items>
        <ext:Container ID=”Container1″ runat=”server” Layout=”Column” Height=”106″ LabelAlign=”Left”>
         <Items>
          <ext:Container ID=”Container2″ runat=”server” ColumnWidth=”.5″ Layout=”FormLayout” LabelWidth=”40″>
           <Items>
            <ext:TextField runat=”server” ID=”txtName” FieldLabel=”姓名W” AnchorHorizontal=”95%” />
            <ext:RadioGroup runat=”server” ID=”rdoSex” FieldLabel=”性別”>
             <Items>
              <ext:Radio runat=”server” ID=”rdoSexMen” BoxLabel=”男士” />
              <ext:Radio runat=”server” ID=”rdoSexWoman” BoxLabel=”女士” />
             </Items>
            </ext:RadioGroup>
            <ext:NumberField runat=”server” ID=”numAge” MinValue=”1″ FieldLabel=”年齡” AnchorHorizontal=”95%” />
            <ext:TextField runat=”server” ID=”txtEmail” AllowBlank=”false” FieldLabel=”郵箱” AnchorHorizontal=”95%” />
           </Items>
          </ext:Container>
          <ext:Container ID=”Container3″ runat=”server” ColumnWidth=”.5″ Layout=”FormLayout” LabelWidth=”40″>
           <Items>
            <ext:TextField runat=”server” ID=”txtCode” FieldLabel=”編碼” AnchorHorizontal=”100%” />
            <ext:TextField runat=”server” ID=”txtTl” FieldLabel=”電話” AnchorHorizontal=”100%” Disabled=”true” />
            <ext:ComboBox runat=”server” ID=”cmbProvince” FieldLabel=”省份” AnchorHorizontal=”100%” Editable=”false” AllowBlank=”false” />
            <ext:DateField runat=”server” ID=”dfBirthDay” FieldLabel=”生日” AnchorHorizontal=”100%” Editable=”false” AllowBlank=”false” Format=”yyyy-MM-dd” />
           </Items>
          </ext:Container>
         </Items>
        </ext:Container>
        <ext:HtmlEditor runat=”server” ID=”txtIntro” AllowBlank=”true” FieldLabel=”簡介” AnchorHorizontal=”100%” AnchorVertical=”-106″ />
       </Items>
      </ext:FormPanel>
     </Items>
    </ext:Viewport>
    </form>
</body>
</html>
———————————分界線
 
瀏覽器顯示效果
Ext布局示例
沒有寫後台代碼。這裡僅學習如何使用ext的一些控件
文章原文:https://www.luojiasan.com/category/113.html
文章来源:https://www.luojiasan.com
[声明]本站内容除特别声明外,均属站长手写原创内容。
1、本站所有原创文章、图片等资料,如需转载使用,必须附上来源出处及链接方式;
2、若本站侵犯到您的权益或任何版权问题,请立即告知本站,我们将及时删除并致以最深的歉意!
3、本站转载文章版权归原作者所有,内容为作者个人观点,本站只提供参考并不构成任何投资及应用建议。任何本站转载文章链接及得到的资讯、产品、服务,本站概不负责,亦不负任何法律责任。
暂无评论

发送评论 编辑评论


				
上一篇
下一篇