原博文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. 【开源】XPShadow, 用阴影让UWP更有层次感

    UWP采用的是纯扁平化的设计,个人感觉极端了点,整个世界都是平的,导致App分不清层次,看不出重点.其实扁平化是趋势,android, ios都在搞,问题是android, ios都可以很轻松的实现阴 ...

  2. 关于php析构函数的一个有趣问题

    随着面向对象编程的普遍展开,面向对象展现了其中很多有趣的问题.相信很多初学者学习php面向对象时会接触两个函数,构造函数与析构函数.构造函数似乎用的更多,析构函数用的较少(相对初学者有限编程经验而言, ...

  3. SequoiaDB 系列之一 :SequoiaDB的安装、部署

    在分析或者参与一个开源项目之前,了解项目构建的目的是有必要的. 既然SequoiaDB是NoSQL数据库产品,则必然存在于传统关系型数据库相同的功能点:数据的增.删.改和查询(CRUD). 先了解怎么 ...

  4. java操作word

    一个使用Apache POI写word文档的实例: 1 package apache.poi; 2 3 import java.io.ByteArrayInputStream; 4 import ja ...

  5. nginx + Lua 实现自定义WAF

    文章摘自:https://github.com/unixhot/waf wget git@github.com:unixhot/waf.git

  6. Kettle_使用Pan.bat执行转换、Kitchen.bat执行作业

    参考资料:http://www.cnblogs.com/wxjnew/p/3620792.html 注意:使用bat文件执行速度比执行在spoon.bat中执行慢很多 一.使用Pan.bat执行转换 ...

  7. Java 关键字 native

    native 关键字说明其修饰的方法是一个原生态方法,方法对应的实现不是在当前文件中,而是在用其他语言实现的文件中.Java语言本身不能对操作系统底层进行访问和操作,但是可以通过JNI接口调用其他语言 ...

  8. Java基础-数据类型转换

     1).简单类型数据间的转换,有两种方式:自动转换和强制转换,通常发生在表达式中或方法的参数传递时.  自动转换 当一个较"小"数据与一个较"大"的数据一起运算 ...

  9. @RestController注解下返回到jsp视图页面(转)(转)

    这个问题我也遇到过,下面的方法可以试试 蓝萝卜blu @RestController注解下返回到jsp视图页面 spring4.1中添加了@RestController注解很方便,集成了@Respon ...

  10. 洛谷P2320 [HNOI2006]鬼谷子的钱袋

    https://www.luogu.org/problem/show?pid=2320#sub 题目描述全是图 数学思维,分治思想 假设总数为n 从n/2+1到n的数都可以用1~n的数+n/2表示出来 ...