原博文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. 【MPI学习4】MPI并行程序设计模式：非阻塞通信MPI程序设计

    这一章讲了MPI非阻塞通信的原理和一些函数接口,最后再用非阻塞通信方式实现Jacobi迭代,记录学习中的一些知识. (1)阻塞通信与非阻塞通信 阻塞通信调用时,整个程序只能执行通信相关的内容,而无法执 ...

  2. Linux初探

    终于心血来潮装了Ubuntu,向着正式程序员迈出了重要一步.不得不说Linux真是一个磨人的小妖精,这篇随笔记录了一些我遇到的问题和解决方法. 1.Ubuntu安装 不知道听谁说的Linux难装,一不 ...

  3. linux用终端上传文件和文件家到远程的服务器

    文件上传:scp 本地文件地址 root@aifei8.net:/var/www/html/landrover 文件夹上传:1.先进入文件夹目录 2. 执行命令:scp -r . root@aifei ...

  4. 每天一个linux命令(9)：nl命令

    nl命令在linux系统中用来计算文件中行号.nl 可以将输出的文件内容自动的加上行号!其默认的结果与 cat -n 有点不太一样, nl 可以将行号做比较多的显示设计,包括位数与是否自动补齐 0 等 ...

  5. ”耐撕“团队 2016.3.21 站立会议3 2 1 GO！

    ”耐撕“团队 2016.3.21 站立会议 时间:2016.3.21  ① 17:20-17:45  ②17:55-18:10  总计40分钟 成员: Z 郑蕊 * 组长 (博客:http://www ...

  6. Oracle创建表格报ORA-00906:缺失左括号错误解决办法

    来源于:http://www.linuxidc.com/Linux/2013-06/85297.htm 解决办法: create table myTable(id number(5,2),name v ...

  7. Android中获取图片的宽和高

    在Android中,我们想获取图片的宽和高应该怎么办?一.正常加载图片的方法下获取宽和高 举一个简单的例子:创建一个图片的副本 //加载原图 Bitmap bmSrc = BitmapFactory. ...

  8. Android中用URL模拟一个简单的图片加载器

    首先,需要添加权限. <uses-permission android:name="android.permission.INTERNET"/> 整体代码如下: pac ...

  9. Java获取各种常用时间方法大全

    Java获取各种常用时间方法大全 package cc.javaweb.test; Java中文网,Java获取各种时间大全 import java.text.DateFormat; import j ...

  10. 锋利的jQuery-4--图片切换的一个例子（自己理解后写的，以备忘记时看看）

    一个动画切换的效果,如图: 分析步骤: 1.点击左右的箭头图片滚动,左边的小点变化. 2.主要问题是当滚到最后一屏时切换回第一屏,第一屏在向前滚动是切换到最后一屏 :通过判断图片的总数然后除以每屏显示 ...