Ext. Net series: Installation and Use)

Http://tech.it168.com/a2011/0427/1183/000001183845_1.shtml

[It168 technology]During the development process, I have been plagued by issues such as page styles and user experience. To solve these problems and improve system development efficiency and enhance human-computer interaction capabilities, we have been searching for solutions online.

Finally, we decided to use ext.net for development.

Ext. Net introduction:

Is a group of open-source Asp.net (webform, MVC) components. Based on ext. JS library development, with more than 100 tools, such as Textbox, combox, button, toolbar, statebar, panel, tabpanel, javaserbar, menubar, picturebox, and other controls, and supports Ajax refreshing effects.

: Http://www.ext.net/download/

Example address: http://examples.ext.net/

Environment: vs2005 +, server. Net framework3.5 +, website system. NET 2.0 +

Ext. NET features:

1. Multiple controls. Allows you to quickly create highly visual user interfaces.

More than 2.300 examples can help you get started quickly

3. Rich Ext. js API support

4. Open-source and closed-source dual-Protocol

Ext. net installation and use:

1. download the latest version.

2. Open the downloaded file and it will contain the following files:

View sourceprint? 1ext. net. dll

2ext. net. Utilities. dll

3ext. net. xml

4newtonsoft. JSON. dll

5newtonsoft. JSON. xml

3. Open Visual Studio and create a C # website project

Open the menu to create a website

The "create Website" window is displayed. Select Asp.net. Location: file system, language: Visual C #

Click OK

4. First Use

Right-click "add tab" in the toolbox"

Tab name ext

On this tab, right-click "select item"

The "select box items" dialog box is displayed. Click "Browse" and double-click "Ext. net. dll" under the downloaded file directory"

Click "OK" to display multiple controls on the ext tab.

5. Configure web. config

< ? XML version = " 1.0 " Encoding = " UTF-8 " ? >
< Configuration >
< Configsections >
< Section name = " Extnet " Type = " Ext. net. globalconfig " Requirepermission = " False " />
< Configsections >
< Extnet />
< ! --
The following system. Web Section Is Only requited For Running ASP. NET Ajax under Internet
Information Services 6.0 ( Or Earlier). This section Is Not Necessary For IIS 7.0 Or Later.
-->
< 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 >
</ System. Web >

< ! --
The system. webserver Section Is Required For Running ASP. NET Ajax under Internet Information Services 7.0 .
It Is Not Necessary For Previous Version of IIS.
-->
< System. Webserver >
< Validation validateintegratedmodeconfiguration = " False " />
< 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 >
</ Configuration >

6. Open default. aspx. Add at the top:

< % @ Register assembly = " Ext. net " Namespace = " Ext. net " Tagprefix = " EXT " % >

7. Add:

< ! -- Required --> < Ext: ResourceManager ID = " Resourcemanager1 " Runat = " Server " />

8. Drag an ext control to the page. For example:

< Ext: cyclebutton ID = " Cyclebutton1 " Runat = " Server " Showtext = " True " Prependtext = " View " >
< Menu >
< Ext: menu ID = " Menu1 " Runat = " Server " >
< Items >
< Ext: checkmenuitem ID = " Checkmenuitem1 " Runat = " Server " Text = " Text only " Icon = " Note " />
< Ext: checkmenuitem ID = " Checkmenuitem2 " Runat = " Server " Text = " Html " Icon = " Html " Checked = " True " />
</ Items >
</ Ext: Menu >
</ Menu >
</ Ext: cyclebutton >

9. Right-click the page and choose "view in Browser"

From then on, you fell in love with ext.net...