Ext. Net study notes 01: Use Ext. NET, ext. netwebform in ASP. Net WebForm

Source: Internet
Author: User

Ext. Net study notes 01: Use Ext. NET, ext. netwebform in ASP. Net WebForm
Ext. Net is a. net control library encapsulated by ExtJS. It can be used in ASP. NET WebForm and MVC. This is the first article to record my study notes from today. Today I learned how to use the Ext. Net control library in WebForm. Download Ext. Net

First, go to the Ext. Net website to download Ext. Net. First, I learned the WebForm version:

<HttpHandlers> <add path = "*/ext. axd "verb =" * "type =" Ext. net. resourceHandler "validate =" false "/>

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>
Step 3: add the Ext. Net global configuration Node

After completing the above two steps, we can use the Ext. Net Control on the page.

<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, using the Neptune skin in ExtJS 4.2.1.

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.

Today is an opening. I will record my Ext. Net learning history in the form of logs. Come on!

 

Supplement: Ext. Net copyright issues

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.

Link: http://www.qeefee.com/article/extnet-learn-01-using-extnet-in-webform

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.