[Ext. Net learning notes] 01: Use Ext. NET in ASP. Net WebForm

Ext. NET is an open-source Web control that supports ASP. net ajax Based on the cross-browser ExtJS library and. NET Framework. It contains a wide range of Ajax applications, and its predecessor is Coolite.

: Http://www.ext.net/download/
Example address: http://examples.ext.net/

1. First download Ext. Net,Address: http://www.ext.net/download/, with two Framework Options, choose download WebForms

The current version is 2.5.1. The compressed package contains different versions, which are used in the program of the corresponding. net version respectively.

 

2. reference the dll file in the project

To use Ext. Net, first create a WebForm program. We will use version 4.0 here.

In the reference manager, browse to the decompressed directory and add the following references (after decompression, In \ Ext. NET. webForms. pro.2.5.1.Examples. explorer \ Examples Explorer \ Ext. net. examples \ Build \ ReferenceAssemblies \ folder can be found ):

 

3. Configure Web. config

Although a reference is added, it cannot be completed yet. To use Ext. Net correctly, you also need to configure Web. config.

Step 1: Add httphandler and httpmodule node configurations

Classic Mode Configuration:

Integration mode configuration:
<modules>  <add name="DirectRequestModule" preCondition="managedHandler"       type="Ext.Net.DirectRequestModule, Ext.Net" /></modules>
To coexist the classic and integration modes, you must add the following configuration to the system. webServer node:
<validation validateIntegratedModeConfiguration="false" />
Step 2: configure the Page Control
To use the Ext. Net Control on the page, you must add the following configurations for the Ext. Net Control:
<pages>  <controls>    <add tagPrefix="ext" namespace="Ext.Net" assembly="Ext.Net"/>  </controls></pages>
 
3. Add Ext. Net global configuration Node
After completing the above two steps, we can use the Ext. Net Control on the page.
 
So why do we need to configure step 3? The third step adds a global configuration. For example, we need to use a global skin, instead of setting it on every page.
To add a global configuration, add a custom node to the configuration file:
<configSections>  <section name="extnet" type="Ext.Net.GlobalConfig" requirePermission="false" /></configSections>
The configuration items are as follows:
<extnet theme="Neptune" />
Here we only set the global skin and use the Neptune skin in ExtJS. The effect is as follows:

If this option is not set, the default skin is used. The effect is as follows:

 
4. Simple usage on the page
After the configuration is complete, we can use the Ext. Net Control on the page.
First, add resource references on the page that requires the Ext. Net Control. Just like using ScriptManager, add the following controls to the page:
<ext:ResourceManager runat="server"></ext:ResourceManager>
With this control, we have added ExtJS references to the page.
Next let's take a look at the code of the above example window:
<Ext: Window runat = "server" ID = "win" Title = "example Window" Width = "300" Height = "200" AutoShow = "true"> </ext: window>
Then run the page to see the example window we just showed.
If you have some knowledge about ExtJS, you will find that Ext. Net simulates ExtJS writing to a great extent, greatly improving our productivity.
 
PS: Ext. Net Copyright
Ext. net is an open-source project with two types of free authorization and free authorization. there is basically no difference between the two versions. We can use free authorization when learning, if you need commercial authorization in the future, you can go to the official website to buy one. The authorization version includes ExtJS authorization. You can go to Ext. net official website to view the corresponding authorization price.
 
Source: Ext. Net learning notes 01: Use Ext. NET in ASP. Net WebForm