Ext.NET学习笔记之1（环境搭建）

Ext.NET学习笔记之1（环境搭建）

1       Ext.NET简介

Ext.Net由起初的Coolite发展而来，Ext.Net是一个开源的ASP.NET(WebForm+MVC)组件库，对跨浏览器的Sencha Extjs javascript库进行了封装，其绝大多数组件及功能与Extjs提供的功能一致。

以上是官方解释，其实说白了，Ext.Net就是对extjs的asp.net封装，理论上可以不用再写js代码(可惜…)。

官方网站:www.ext.net

非ExtJS，封装了ExtJS的内容，用于ASP.NET的开发。

（转载请保留：http://blog.csdn.net/coldwind811201/article/details/7857381，欢迎光临我的CSDN BLOG：http://blog.csdn.net/coldwind811201） 

2       Ext.NET下载和安装（2012/7/24版本）

2.1     下载Ext.NET

官方网站：http://www.ext.net/

页面：

 

下载页面：http://www.ext.net/download/

 

 

下载Full Source版本修改源码并重新编译，不然调试没有问题，但只要页面不是localhost或者127.0.0.1就会在网弹出License界面。

关于License，参看：

http://www.cnblogs.com/qidian10/archive/2011/06/30/2093917.html

 

下载文件：

 

解压后：

2.2     重编译得到Dll(避免发布后出现License窗口)

使用Visual Studio打开sln文件：

 

找到并修改ResourceManager.cs文件

 

注释掉this.CheckLicense();

 

重新编译生成，生成的文件清单：

默认在Ext.NET\bin\Debug下。

 

 

2.3     下载ASP.NET MVC3，Ext.NET需要这个支持

下载地址：http://www.microsoft.com/zh-cn/download/details.aspx?id=1491

 

下载其中的：

发布的服务器上也需要安装ASP.NET MVC3

 

安装：

 

装完后，Visual Studio中多了如下：

 

 

2.4     在Visual Sudio 2010中加载Ext.NET的组件面板

左侧工具栏，添加选项卡：

 

 

浏览前面编译生成的Ext.NET.dll。

添加后，按字母顺序排序。

 

所有的组件，如图：

 

3       一个最简单的Ext.NET客户端框架的Web应用

文件，新建项目：

 

Visual C#，Web，ASP.NET空Web应用程序

 

添加，新建项：

 

Web窗体：

 

删除掉Div块，

 

从工具栏,Ext面板中拖入一个ResourceManger，所有的Ext.NET框架页面都需要首先添加这个ResourceManager。

 

代码：

 

自动添加了引用：

 

直接运行：

 

需要修改Web.config

 

在官网上的编译好的包里面有Web.config的Sample:

按此修改即可。

 

修改方法：

自己的Web.config中的compilation段复制到4.Sample.Web.config里system.web中，再整体复制回项目中的Web.config即可。

 

添加一个ViewPort

 

代码：

 

设计页面由于没有代码可以实时视图的，如图：

 

运行后的界面：

 

不用写一行代码，一个可分割的整体界面就完成了，开发效率提高不少。