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
代码:
设计页面由于没有代码可以实时视图的,如图:
运行后的界面:
不用写一行代码,一个可分割的整体界面就完成了,开发效率提高不少。