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

共1559个文件

gif：1281个

scss：161个

png：66个

2星需积分: 10 111 浏览量 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

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

panel-header-default-framed-collapsed-bottom-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

ext-js-4.2

ext环境搭建

搭建C#程序开发环境

ext js

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

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

在VS下利用Ext4.2的TreePanel的简单demo

前端组件ext-4.2.1-gpl.zip

Ext项目小框架介绍源码

ext js简单DEMO

C#服务搭建

ext4环境搭建

Ext js 学习

Ext Js4.2教程文档

extjs4环境搭建

Ext+JS高级程序设计.rar

extjs 简单框架搭建

SenchaArchitect-4.2最新版本下载地址

ExtJs4.2 智能提示+开发工具

Ext JS 较完美学习

Extand扩展C#类汇总

AnyFo_-_ExtJS_移魂大法

Extjs中文教程2.x

Extjs搜索过滤 类似百度、google搜索

Mozilla，firefox 扩展学习

extjs常用增删改查操作

最新资源

Extjs搜索过滤类似百度、google搜索