ExtJS4.2简单环境搭建C#版的资源-CSDN文库

共1559个文件

gif：1281个

scss：161个

png：66个

2星需积分: 10 41 浏览量 2013-12-13 16:08:04 上传评论收藏 2.82MB ZIP 举报

Ext JS 是一个流行的JavaScript框架，用于构建富客户端的Web应用程序。4.2版本是该框架的一个重要里程碑，提供了许多改进和新特性。本教程将详细解释如何在C#开发环境中，利用Visual Studio 2008搭建Ext JS 4.2的开发环境。 1. **安装Visual Studio 2008**: 你需要确保已经在你的计算机上安装了Visual Studio 2008。这是微软提供的集成开发环境（IDE），用于编写.NET Framework应用程序，包括Web应用。 2. **获取Ext JS 4.2库**: 访问Ext JS的官方网站或通过GitHub等途径下载Ext JS 4.2的源码包。解压后，你将得到包含所有必需文件的文件夹，包括CSS样式表、JavaScript库文件以及示例代码。 3. **创建Web项目**: 打开Visual Studio 2008，选择"文件" -> "新建" -> "项目"。在项目模板中选择"ASP.NET Web应用程序"，并给项目命名。 4. **引入Ext JS库**: 在新建的Web项目中，将解压后的Ext JS 4.2文件夹中的"ext-all.js"（或"ext-debug.js"，如果你希望在开发阶段开启调试模式）复制到项目的"Scripts"目录下。同时，把"resources"文件夹复制到项目的根目录，这包含了所有的CSS样式和图像资源。 5. **设置HTML页面**: 创建一个新的HTML文件，如"Default.aspx"，并在其中添加以下基本结构，引入Ext JS库： ```html <!DOCTYPE html> <html> <head> <title>Ext JS 4.2 测试</title> <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css"> </head> <body> <script src="scripts/ext-all.js"></script> <script> Ext.onReady(function () { // 在这里编写你的Ext JS代码 }); </script> </body> </html> ``` 6. **编写第一个Ext JS组件**: 在`<script>`标签内的`Ext.onReady`回调函数中，你可以开始编写你的Ext JS代码。例如，创建一个基本的面板： ```javascript Ext.create('Ext.container.Viewport', { layout: 'fit', items: [{ xtype: 'panel', title: '我的第一个Ext JS程序', html: '欢迎使用Ext JS 4.2！' }] }); ``` 7. **运行并测试**: 现在，你可以通过点击Visual Studio的"调试" -> "启动调试"来运行你的Web应用程序。浏览器将打开并显示你的Ext JS组件。 8. **学习和扩展**: Ext JS 4.2包含了大量的组件和功能，如表格、图表、树形视图、窗体等。继续深入学习官方文档，熟悉组件的用法和配置，以创建更复杂的用户界面。 9. **优化和性能提升**: 当你的应用程序变得复杂时，可以考虑使用Sencha CMD工具进行构建，它可以帮助你压缩和合并JavaScript和CSS文件，提高应用加载速度。 10. **持续学习和更新**: Ext JS社区活跃，有许多资源和插件可供开发者使用。随着框架的更新，及时跟进新版本的特性和最佳实践，以保持项目的技术先进性。通过以上步骤，你已经在C#开发环境中成功搭建了Ext JS 4.2的基础环境。现在，你可以在这个环境中开始编写富交互式的Web应用程序了。记住，实践是最好的老师，不断尝试、编码、调试，你将逐渐掌握这个强大的JavaScript框架。

资源推荐

资源详情

资源评论

收起资源包目录

Ext JS 4.2 简单环境搭建C#版的（1559个子文件）

Default.aspx 742B

Web.config 7KB

AssemblyInfo.cs 1KB

Default.aspx.designer.cs 502B

Default.aspx.cs 498B

Ext.csproj 153KB

ext-neptune.css 526KB

ext-neptune-debug.css 526KB

ext-all-scoped-debug.css 421KB

ext-all-rtl-debug.css 411KB

ext-all-gray-rtl-debug.css 400KB

ext-all-access-rtl-debug.css 391KB

ext-ie-scoped-debug.css 389KB

ext-sandbox-debug.css 387KB

ext-all-debug.css 382KB

ext-all-gray-debug.css 372KB

ext-all-access-debug.css 362KB

ext-ie-debug.css 351KB

ext-standard-scoped-debug.css 307KB

ext-standard-debug.css 279KB

ext-all-scoped.css 255KB

ext-all-rtl.css 251KB

ext-all-gray-rtl.css 240KB

ext-sandbox.css 237KB

ext-all-access-rtl.css 235KB

ext-all.css 233KB

ext-ie-scoped.css 228KB

ext-all-gray.css 223KB

ext-all-access.css 217KB

ext-ie.css 206KB

ext-standard-scoped.css 173KB

ext-standard.css 157KB

Ext.dll 4KB

tool-sprites.gif 6KB

tool-sprites.gif 5KB

btn.gif 4KB

error-tip-corners.gif 4KB

radio.gif 3KB

tip-sprite.gif 3KB

btn.gif 3KB

large-loading.gif 3KB

blue-loading.gif 3KB

large-loading.gif 3KB

blue-loading.gif 3KB

large-loading.gif 3KB

blue-loading.gif 3KB

checkbox.gif 3KB

btn.gif 3KB

tools-sprites-trans.gif 3KB

sort-hd.gif 3KB

group-cs.gif 2KB

search-trigger-rtl.gif 2KB

search-trigger.gif 2KB

search-trigger-rtl.gif 2KB

search-trigger.gif 2KB

loading-balls.gif 2KB

sort-hd.gif 2KB

tb-sprite.gif 2KB

checkbox.gif 2KB

spinner.gif 2KB

clear-trigger.gif 2KB

clear-trigger-rtl.gif 2KB

panel-header-default-framed-top-sides.gif 2KB

panel-header-default-framed-bottom-sides.gif 2KB

panel-header-default-framed-collapsed-top-sides.gif 2KB

panel-header-default-framed-collapsed-bottom-sides.gif 2KB

tab-default-bottom-active-sides.gif 2KB

tab-default-top-active-sides.gif 2KB

panel-header-default-framed-collapsed-bottom-sides.gif 2KB

tb-sprite.gif 2KB

tab-default-bottom-disabled-sides.gif 2KB

clear-trigger.gif 2KB

tab-default-bottom-over-sides.gif 2KB

tab-default-bottom-sides.gif 2KB

tab-default-bottom-disabled-sides.gif 2KB

tab-default-bottom-sides.gif 2KB

tab-default-top-sides.gif 2KB

tab-default-bottom-active-sides.gif 2KB

tool-sprites.gif 2KB

tools-sprites-trans.gif 2KB

tab-default-top-disabled-sides.gif 2KB

tab-default-bottom-over-sides.gif 2KB

tab-default-top-disabled-sides.gif 2KB

spinner.gif 2KB

共 1559 条

评论收藏

内容反馈

yiuny

2014-01-21

只是简单的做了个hello world

mayude

粉丝: 3
资源: 18

Ext JS 4.2 简单环境搭建C#版的

Ext JS 4.2.6.1811主题classic

Ext JS 4.2实战 精美书签版

EXT.js4.2实战

Ext JS 4.2实战.pdf电子书

ext-4.2.1.883.jsb2

EXTJS4.2 MVC环境搭建并显示数据

Ext Js4.2教程文档

ext-4.2.1.883

Ext JS 4.2.1.883_前端ajax框架

Ext Js 4.2 中文 API

ext js 4.2

Ext-4.2.0.663 JS 库

extjs jsb文件（ext-4.2.1.883.jsb2）

ext-4.2.0.663 EXTJS官方最新版7z压缩

ext-4.2.1.883.zip

ext-4.2.0.663.jsb2

ext-4.2.3.1477

微信小程序源码-合集6.rar

微信小程序源码-合集4.rar

微信小程序源码-合集5.rar

微信小程序源码-合集3.rar

微信小程序源码-合集2.rar

浏览器插件 Auto Refresh Plus 7.4.4 ctx

品优购项目 素材及代码

学生宿舍管理系统源码文件

全能电子地图下载器1.9.5完善版.zip

大学生网页设计大作业-5个网页设计制作作品自己任选

数据可视化大屏资料合集（网上收集的几十种样式的html静态页）

微信小程序+后台（.net）+sql server数据库

最新资源

Ext JS 4.2实战精美书签版

品优购项目素材及代码