原博文http://www.cnblogs.com/sanshi/archive/2012/02/12/2347789.html

1.首先复制extJS的文件夹到根目录。

2.引用程序集

3.配置配置文件:

 1 <?xml version="1.0"?>

 2 <configuration>

 3   <!--.0配置Session-->

 4   <configSections>

 5     <section name="FineUI" type="FineUI.ConfigSection, FineUI" requirePermission="false" />

 6   </configSections>

 7   <!-- 可用的配置项（这里列的都是默认值）: 

 8       Language="zh_CN" 

 9       AjaxTimeout="" 

       EnableAjax="true" 

       Theme="Neptune" 

       FormMessageTarget="Qtip" 

       FormOffsetRight="" 

       FormLabelWidth="" 

       FormLabelSeparator="：" 

       IconBasePath="~/res/icon" 

       EnableAjaxLoading="true" 

       AjaxLoadingType="default" 

       CustomTheme="" 

       CustomThemeBasePath="~/res/theme" 

   -->

 

   <FineUI DebugMode="false" />

 

   <system.web>

 

     <pages controlRenderingCompatibilityVersion="4.0" clientIDMode="AutoID">

       <controls>

         <add assembly="FineUI" namespace="FineUI" tagPrefix="x" />

       </controls>

     </pages>

     <httpModules>

       <add name="FineUIScriptModule" type="FineUI.ScriptModule, FineUI" />

     </httpModules>

     <httpHandlers>

       <add verb="GET" path="res.axd" type="FineUI.ResourceHandler, FineUI" validate="false" />

     </httpHandlers>

 

 

     <httpRuntime maxRequestLength="102400 " />

     <customErrors mode="Off" />

     <compilation debug="true" targetFramework="4.5"/>

 

   </system.web>

 

 

   <runtime>

     <assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">

       <dependentAssembly>

         <assemblyIdentity name="Newtonsoft.Json" publicKeyToken="30ad4fe6b2a6aeed" culture="neutral" />

         <bindingRedirect oldVersion="0.0.0.0-6.0.0.0" newVersion="6.0.0.0" />

       </dependentAssembly>

     </assemblyBinding>

   </runtime>

55 </configuration>

4.前端界面代码：

1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="_02Code.Login" %>

 2 

 3 <!DOCTYPE html>

 4 

 5 <html xmlns="http://www.w3.org/1999/xhtml">

 6 <head runat="server">

 7     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 8     <title></title>

 9 </head>

 <body>

     <form id="form1" runat="server">

         <x:PageManager ID="PagerManager1" runat="server"></x:PageManager>

         <x:Window ID="window1" runat="server" Title="登录表单" IsModal="false" EnableClose="false" WindowPosition="GoldenSection" Width="">

             <Items>

                 <x:SimpleForm ID="SimpleForm1" runat="server" ShowBorder="false" BodyPadding="10px" LabelWidth="60px" ShowHeader="false">

                     <Items>

                         <x:TextBox ID="txtName" Label="登录名" runat="server" Required="true"></x:TextBox>

                         <x:TextBox ID="txtPwd" runat="server" Label="密码" TextMode="Password" Required="true"></x:TextBox>

                         <x:Button Text="登录" ID="btnLogin" runat="server" Type="Submit" ValidateForms="SimpleForm1" ValidateTarget="Top" OnClick="btnLogin_Click"></x:Button>

                     </Items>

                 </x:SimpleForm>

             </Items>

         </x:Window>

     </form>

 </body>

 </html>

就这么简单。第一个界面搭建完了。

小结：

1)Alert的提示
2)window窗体控件,和他的属性WindowPosition="GoldenSection" 
3)控件ext:SimpleForm，简单表单，和button配合用。

4. 表单回发不是整个页面的回发，而是AJAX（这也是ExtAspNet所特有的原生AJAX，无需任何配置和特殊的代码就默认拥有AJAX特性）

FineUI第二天的更多相关文章

  1. 【6年开源路】FineUI家族今日全部更新（FineUI + FineUI3to4 + FineUI.Design + AppBox）！

    刚才询问博客园团队: [6年开源路]三石今日送福利,AppBox4.0源码免费拿!FineUI家族今日全部更新(FineUI + FineUI3to4 + FineUI.Design + AppBox ...

  2. FineUI（专业版）实现百变通知框（无JavaScript代码）！

    博客园已经越来越不公正了,居然说我这篇文章没有实质的内容!! 我其实真的想问哪些通篇几十个字,没任何代码和技术分享,嚷嚷着送书的文章的就能雄霸博客园首页几天,我这篇文章偏偏就为管理员所容不下. 其实我 ...

  3. FineUI小技巧（6）自定义页面回发

    前言 FineUI中的绝大部分回发事件都是由控件触发了,比如按钮的点击事件,下拉列表的改变事件,表格的排序分页事件.但有时我们可能会要自己触发页面回发,这时就要知道怎么使用 JavaScript 来做 ...

  4. 海王星给你好看！FineUI v4.0公测版发布暨《你找BUG我送书》活动开始（活动已结束！）

    <FineUI v4.0 你找BUG我送书>活动已结束,恭喜如下三位网友获得由 FineUI 作者亲自翻译的图书<jQuery实战 第二版>! 奋斗~ 吉吉﹑ purplebo ...

  5. FineUI大版本升级，外置ExtJS库、去AXD化、表格合计行、表格可编辑单元格的增删改、顶部菜单框架

    这是一篇很长的文章,在开始正文之前,请允许我代表目前排名前 20 中唯一的 .Net 开源软件 FineUI 拉下选票: 投票地址: https://code.csdn.net/2013OSSurve ...

  6. FineUI初学手册

    女朋友鄙视我原创少... 1.下载 进入官方论坛:http://www.fineui.com/bbs/ 要用到下载源代码和空项目下载 http://fineui.codeplex.com/ http: ...

  7. FineUI页面布局

    使用布局的优势 相对于为控件设置固定的宽度和高度,布局的重要意义在于子控件可以根据父控件的尺寸自动设置自己的尺寸,在页面尺寸改变时同样有效.如果你在项目中遇到类似如下的需求,就需要考虑布局了: 面板填 ...

  8. FineUI开发一个b/s结构

    手把手教你使用FineUI开发一个b/s结构的取送货管理信息系统(附源码+视频教程(第5节))   一 本系列随笔概览及产生的背景 近阶段接到一些b/s类型的软件项目,但是团队成员之前大部分没有这方面 ...

  9. FineUI开源版（ASP.Net）初学手册

    女朋友鄙视我原创少... 1.下载 进入官方论坛:http://www.fineui.com/bbs/ 要用到下载源代码和空项目下载 http://fineui.codeplex.com/ http: ...

随机推荐

  1. 推荐一款超强大的基于Angularjs的自动完成(Autocomplete)标签及标签组插件–ngTagsInput

    前言 今天利用中午午休时间,给大家分享推荐一款基于Angularjs的自动完成(Autocomplete)标签及标签组插件--ngTagsInput,功能超强大的.不信,你试试就知道^_^... Au ...

  2. 第二章 OO大原则

    昨天忙了一天,晚上加班到了12点,虽然工作有时候比较累,但是整体来讲还是比较轻松的,国企加上我是今年才毕业的应届生,导致了现在这种情况.工资也真的不算高...但我觉得最开始还是要踏踏实实一点比较好.学 ...

  3. js的设计模式

    <Practical Common Lisp>的作者 Peter Seibel 曾说,如果你需要一种模式,那一定是哪里出了问题.他所说的问题是指因为语言的天生缺陷,不得不去寻求和总结一种通 ...

  4. [AHOI2013]找硬币（搜索）

    [Ahoi2013]找硬币 Time Limit: 10 Sec  Memory Limit: 64 MBSubmit: 348  Solved: 114[Submit][Status] Descri ...

  5. Coding the Matrix (3)：矩阵

    1. 矩阵与映射 矩阵和映射包含两方面的关系: 简单:已知矩阵 M, 从向量 x 映射到 M * x. (注:矩阵与行向量的点乘) 稍微复杂:已知映射 x ->M * x, 求矩阵 M. 第一种 ...

  6. javascript继承(六)—实现多继承

    在上一篇javascript继承—prototype最优两种继承(空函数和循环拷贝)(3) ,介绍了js较完美继承的两种实现方案,那么下面来探讨一下js里是否有多继承,如何实现多继承.在这里可以看看j ...

  7. Unknown column '' in 'field list'解决方案

    很多人在用php+MySQL做网站往数据库插入数据时发现如下错误: 注册失败!Unknown column '1a' in 'field list' 结果发现用数字提交是没有问题的,其他如char型就 ...

  8. FilenameFilter用法

    使用FilenameFilter实现图片过滤,只要.gif,.jpg,.png文件. java 代码 public class ImageFilter implements FilenameFilte ...

  9. 【HDU 4925】BUPT 2015 newbie practice #2 div2-C-HDU 4925 Apple Tree

    http://acm.hust.edu.cn/vjudge/contest/view.action?cid=102419#problem/C Description I’ve bought an or ...

  10. 【poj2187】 Beauty Contest

    http://poj.org/problem?id=2187 (题目链接) 题意 求点集上两点间最长距离 Solution 凸包+旋转卡壳. 旋转卡壳是看起来很难,但是很好意会也很好实现的算法,但是要 ...