Ajax【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

Ajax 1

现阶段版本是2.5.1,压缩包内含了不同版本,分别用在相应.net版本的主次中。

Ajax 2

 

2.以路面临援引dll文件

倘使用Ext.Net,首先创建一个WebForm程序,我们这边用4.0版。

以援管理器中,浏览到解压的目录,然后上加下面的援(解压后,在\Ext.NET.WebForms.Pro.2.5.1.Examples.Explorer\Examples
Explorer\Ext.Net.Examples\Build\ReferenceAssemblies\文本夹着得找到):

Ajax 3

 

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皮肤,效果如下:

Ajax 4

切莫装这项的讲话虽然应用默认皮肤,效果如下:

Ajax 5

 

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.NetAjax学习笔记01:在ASP.NET
WebForm中使用Ext.Net

相关文章