原博文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. JavaScript实例-----反选

    <!DOCTYPE HTML> <html> <head> <script> function myFunction() { var oTab = do ...

  2. windows API 开发飞机订票系统 图形化界面 (一)

    去年数据结构课程设计的作品,c语言实现,图形化界面使用windows API实现. 首发在我csdn博客:http://blog.csdn.net/u013805360/article/details ...

  3. ModernUI教程：使用预定义的页面布局

    Modern UI for WPF自带了一组页面布局.Modern UI page是继承自control控件的,Page通过是通过ModernWindow.MenuLinkGroups属性来引用显示在 ...

  4. Intelli IDEA 14.04开发版+注册码

    Idea,一款比较出色的IDE开发工具,懂她的人,自然懂得. 本版本-14.04+注册码 注册界面  注册码:               Name:happy                KEY: ...

  5. 分布式Web服务器架构

    最开始,由于某些想法,于是在互联网上搭建了一个网站,这个时候甚至有可能主机都是租借的,但由于这篇文章我们只关注架构的演变历程,因此就假设这个时候已经是托管了一台主机,并且有一定的带宽了,这个时候由于网 ...

  6. 通过smtp协议简单实现邮件发送

    使用到的类: ①SmtpClient--发送邮件的类(using System.Net.Mail;) ②MailMessage--初始化邮件的类 ③ NetworkCredential--身份验证的类 ...

  7. hdu2594 KMP

    2个字符长合并在一起即可.要注意next[n]的值要小于初始的两个字符串的长度; //next[]存的是之前相同的长度. //也是位置,只是s[i]不一定和s[next[i]]相同 //但是i之前的和 ...

  8. Learn sed using these command on Linux（流线式编辑器——sed）

    是对文件中的每一行进行处理,不会对源文件进行修改 sed --version sed '11d' sed_file sed -n '/[Bb]erry/p' sed_file (由于设置了n,所以只打 ...

  9. C语言中常用的string.h的字符函数

    strcmp 字符串比较函数 原型: int strcmp(char *str1, char *str2); 例子: ) printf("buffer 1 is greater than b ...

  10. BZOJ-2038 小Z的袜子（hose） 莫队算法

    2038: [2009国家集训队]小Z的袜子(hose) Time Limit: 20 Sec Memory Limit: 259 MB Submit: 5573 Solved: 2568 [Subm ...