【Ext.Net学习笔记】01:在ASP.NET WebForm中使用Ext.Net
Ext.NET是基于跨浏览器的ExtJS库和.NET Framework的一套支持ASP.NET AJAX的开源Web控件,包含有丰富的Ajax运用,其前身是Coolite。
下载地址:http://www.ext.net/download/
示例地址:http://examples.ext.net/
1.首先下载Ext.Net,地址:http://www.ext.net/download/ ,有两种框架选择,选择下载WebForms
当前版本是2.5.1,压缩包里面包含了不同版本,分别用在相应.net版本的程序中。
2.在项目中引用dll文件
要使用Ext.Net,首先创建一个WebForm程序,我们这里使用4.0版。
在引用管理器中,浏览到解压的目录,然后添加下面的引用(解压后,在\Ext.NET.WebForms.Pro.2.5.1.Examples.Explorer\Examples Explorer\Ext.Net.Examples\Build\ReferenceAssemblies\文件夹中可以找到):
3.配置Web.config
尽管添加了引用,此时还不能算是完工。要想正确的使用Ext.Net,还需要对Web.config进行配置。
第一步,添加httphandler和httpmodule节点的配置
经典模式配置:
<httpHandlers><add path="*/ext.axd" verb="*" type="Ext.Net.ResourceHandler" validate="false" /> </httpHandlers> <httpModules><add name="DirectRequestModule" type="Ext.Net.DirectRequestModule, Ext.Net" /> </httpModules>
集成模式配置:
<modules><add name="DirectRequestModule" preCondition="managedHandler"type="Ext.Net.DirectRequestModule, Ext.Net" /> </modules> <handlers><add name="DirectRequestHandler" verb="*" path="*/ext.axd"preCondition="integratedMode" type="Ext.Net.ResourceHandler" /> </handlers>
要想经典模式和集成模式共存,还需要再system.webServer节点中添加下面的配置:
<validation validateIntegratedModeConfiguration="false" />
第二步,配置页面控件
要在页面中使用Ext.Net的控件,需要添加针对Ext.Net控件的配置:
<pages><controls><add tagPrefix="ext" namespace="Ext.Net" assembly="Ext.Net"/></controls> </pages>
3.添加Ext.Net全局配置节点
在完成上面两个步骤之后,我们已经可以在页面中使用Ext.Net控件了。
那么我们为什么还要进行第三步配置呢?第三步配置添加了全局的配置,例如我们要使用全局的皮肤,而不是每一个页面都去设置。
要添加全局配置,首先要在配置文件中添加自定义节点:
<configSections><section name="extnet" type="Ext.Net.GlobalConfig" requirePermission="false" /> </configSections>
接下来是配置项:
<extnet theme="Neptune" />
在这里我们只设置了全局的皮肤,使用ExtJS 中的Neptune皮肤,效果如下:
不设置这项的话则使用默认皮肤,效果如下:
4.在页面中的简单用法
在完成了配置之后,我们就可以在页面中使用Ext.Net控件了。
首先,在需要使用Ext.Net控件的页面中添加资源引用,就像使用ScriptManager一样,需要在页面中添加如下控件:
<ext:ResourceManager runat="server"></ext:ResourceManager>
有了这个控件,就等于我们已经在页面中添加了ExtJS的引用。
接下来我们来看看上面那个效果示例窗口的代码:
<ext:Window runat="server" ID="win" Title="示例窗口" Width="300" Height="200" AutoShow="true"> </ext:Window>
然后运行页面,可以看到我们刚才的示例窗口。
如果你对ExtJS有所了解,那么你会发现,Ext.Net在很大程度上模拟了ExtJS的写法,大大的提高了我们的生产力
PS:关于Ext.Net版权的问题
Ext.Net 是一个开源的项目,有收费授权和免费授权两种,两个版本之间基本上没有什么区别,我们可以在学习的时候使用免费的授权,如果以后需要商业授权,可以去官网买一套,授权版包含了ExtJS的授权,你可以在Ext.Net官网查看相应授权的价格。
【Ext.Net学习笔记】01:在ASP.NET WebForm中使用Ext.Net相关推荐
- Ext.Net学习笔记01:在ASP.NET WebForm中使用Ext.Net
Ext.Net是一个对ExtJS进行封装了的.net控件库,可以在ASP.NET WebForm和MVC中使用.从今天开始记录我的学习笔记,这是第一篇,今天学习了如何在WebForm中使用Ext.Ne ...
- 【Ext.Net学习笔记】03:Ext.Net DirectEvents用法详解、DirectMethods用法详解
Ext.Net通过DirectEvents进行服务器端异步的事件处理.[Ext.Net学习笔记]02:Ext.Net用法概览.Ext.Net MessageBus用法.Ext.Net布局 中已经简单的 ...
- Tomcat学习笔记01【Web相关概念、Tomcat基本操作】
Java后端 学习路线 笔记汇总表[黑马程序员] Tomcat学习笔记01[Web相关概念.Tomcat基本操作][day01] Tomcat学习笔记02[Tomcat部署项目][day01] 目录 ...
- HTML/CSS学习笔记01【概念介绍、基本标签】
w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...
- C#学习笔记 01.01
C#学习笔记 01.01 (学习视频来自bilibili的传智播客赵老师基础教学视频) 服务器与客户端的区别 服务器其实本质上还是一个电脑,只是加装了很多的硬盘,从而实现对数据的大规模存储. 而客户端 ...
- Ext.Net学习笔记22:Ext.Net Tree 用法详解
上面的图片是一个简单的树,使用Ext.Net来创建这样的树结构非常简单,代码如下: <ext:TreePanel runat="server"><Root> ...
- Ext.Net学习笔记18:Ext.Net 可编辑的GridPanel
Ext.Net GridPanel 有两种编辑模式:编辑单元格和编辑行. 单元格编辑: 行编辑: 可以看出,单元格编辑的时候,只有单元格会进入编辑模式,而行编辑模式中则对编辑行的所有可编辑字段统一进行 ...
- Ext.Net学习笔记19:Ext.Net FormPanel 简单用法
Ext.Net学习笔记19:Ext.Net FormPanel 简单用法 FormPanel是一个常用的控件,Ext.Net中的FormPanel控件同样具有非常丰富的功能,在接下来的笔记中我们将一起 ...
- JavaWeb黑马旅游网-学习笔记01【准备工作】
Java后端 学习路线 笔记汇总表[黑马程序员] JavaWeb黑马旅游网-学习笔记01[准备工作] JavaWeb黑马旅游网-学习笔记02[注册功能] JavaWeb黑马旅游网-学习笔记03[登陆和 ...
最新文章
- 修改jenkins启动的默认用户
- iPhone开发:通过NSURLRequest获得服务器返回的http header和http status
- Xcode 8 插件安装
- 文档型数据库mongodb介绍2-副本集
- WCF 第五章 控制并发调用的数量
- SQL解析之硬解析和软解析
- 【ArcGIS Pro微课1000例】0014:两种坐标系全国1km分辨率DEM下载地址(WGS84+Albers投影)
- Python练习-从小就背不下来的99乘法表
- shell编程中date用法(转)
- linux 远程桌面配置,linux 远程桌面的配置
- java 输出定位代码行_指定一个.java文件,输出其代码行数
- 为什么做的报表领导不满意,如何提升报表的价值?
- 组合算法 C++高效实现 (二进制辅助法)
- pytorch中的nn.LSTM模块参数详解
- 《Java虚拟机规范》阅读(二):编译
- ubuntu 14.04 server 安装virtualbox (虚拟机)deb
- MikroTik RouterOS U盘安装工具netinstall的使用
- java实现分页序号问题_java 分页查询的实现
- 饿了么高级设计师:界面视觉设计 5 要素
- 股票实时行情数据有哪些分类?