EXT.JS初学配置

来源:互联网 发布:苹果手机频谱仪软件 编辑:程序博客网 时间:2024/06/04 18:47

首先到官网下载EXT.JS的几个DLL,引用到项目中(这个DLL也是分版本的哦)。

配置Web.config

尽管添加了引用,此时还不能算是完工。要想正确的使用Ext.Net,还需要对Web.config进行修改(放入system.web 中)。

经典模式配置:

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

第三步,添加Ext.Net全局配置节点

在完成上面两个步骤之后,我们已经可以在页面中使用Ext.Net控件了。

那么我们为什么还要进行第三步配置呢?第三步配置添加了全局的配置,例如我们要使用全局的皮肤,而不是每一个页面都去设置。

要添加全局配置,首先要在配置文件中添加自定义节点:

<configSections>  <section name="extnet" type="Ext.Net.GlobalConfig" requirePermission="false" /></configSections>

接下来是配置项:

<extnet theme="Neptune" />

在这里我们只设置了全局的皮肤,使用ExtJS 4.2.1中的Neptune皮肤。

在页面中的简单用法

在完成了配置之后,我们就可以在页面中使用Ext.Net控件了。

首先,在需要使用Ext.Net控件的页面中添加资源引用,就像使用ScriptManager一样,需要在页面中添加如下控件:

<ext:ResourceManager runat="server"></ext:ResourceManager>

有了这个控件,就等于我们已经在页面中添加了ExtJS的引用。


0 0
原创粉丝点击