[ExtJS5学习笔记]第四节 欢迎来到extjs5-手把手教你实现你的第一个应用

最新推荐文章于 2015-12-14 18:23:46 发布
最新推荐文章于 2015-12-14 18:23:46 发布
阅读量2.9w 收藏 8
点赞数 11
分类专栏： sencha ExtJS5 利剑Extjs5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sushengmiyan/article/details/38331347
版权

本文地址：http://blog.csdn.net/sushengmiyan/article/details/38331347

本文作者：sushengmiyan

-------------------------------------------------------------------------------------------------------------------

翻译来源：http://docs.sencha.com/extjs/5.0.0/getting_started/welcome_to_extjs.html

--------------------------------------------------------------------------------------------------------------------

这篇指引提供了一个简单的ext js介绍，我们会从讨论建立一个简单的hello world例子开始我们的体验。我们会接着讲解在extjs中代码是怎样的结构，这个指导同样也会包括一些其他可以使用的资源的链接，所以，你应该尽可能的多看一些来提升你对ext的认知程度。


helloworld

----------------------

来体验ext js 5很简单,我们先创建一个文件夹，将ext5包放入（下载地址：http://download.csdn.net/detail/sushengmiyan/7701943），再创建一个简单的html文件,建立如下的目录结构,如图：


我们命名的index.html的内容如下：

<html>
    <head>
        <title>Welcome to Ext JS!</title>
       <link rel="stylesheet" type="text/css" href="ext-5.0.0/build/packages/ext-theme-neptune/build/resources/ext-theme-neptune-all.c
最低0.47元/天 解锁文章
苏生米沿
关注
  • 11
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 11
    评论
专栏目录
ExtJS5 实现树形菜单
weixin_39389850的博客
12-13 1377
首先利用sencha建立extjs的工程，然后是对页面顶部和底部布局的添加以及按钮的美化，因为只要记录的是菜单的生成，就不记录了。具体工程我会上传，因为是自己练练手的东西，所以写的很杂。~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 接下来开始建我们的树形菜单。首先在mainmodel.js的data中增加数据。NavigationMenu : [{
ExtJs 学习笔记 Hello World!第1/2页
10-30
在创建第一个ExtJS程序时，你需要在HTML文件中引入以下文件： 1. `<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />` - 引入CSS样式文件，定义ExtJS组件的外观。 2. `...
【翻译】对于Ext JS 5，你准备好了吗？
weixin_34293246的博客
04-16 110
原文：Are You Ready for Ext JS 5?Ext JS 5：准备升级对于Ext JS 5加入Sencha的大家庭，我们感到非常高兴！作为一个主要版本，在Ext JS 5引入了一堆的新功能,包括：支持平板双向数据绑定新的NVVM应用程序架构小部件和部件列清脆的主题路由以及更多如果想了解完整的新功能列表，请阅读《在Ext JS 5有什么新东西指南》。如果想了解更多有关Ext JS...
Extjs5.0从入门到实战开发信息管理系统视频教程
遥远的东方的专栏
04-01 2725
富客户端技术
【翻译】Ext JS 5：为不同设备设置不同的主题
weixin_33947521的博客
05-25 114
原文：Sencha Ext JS 5: Supporting Different Themes for Different Devices 步骤1创建一个应用程序 步骤2定义主题 步骤3编辑Appjson文件以便支持多平台生成 步骤4编辑output定义以便创建多个应用程序的manifests 步骤5更新应用程序 步骤6替换Appjson中的CSS配置 步骤7替换boot...
ExtJs 学习笔记基础篇 Ext组件的使用第1/2页
10-30
昨天刚接触到Extjs，简单写了篇学习笔记，今天继续。
ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport第1/3页
10-30
ExtJs 学习笔记基础篇 面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)
手把手教你学ExtJS 6.0 附源码
08-05
该文档有30页，详细介绍了从零开发一个ExtJS6的应用程序。该教程涵盖了ExtJS6的大多数知识点。如果你的ExtJS感兴趣，并且按照教程一步一步的做了，掌握ExtJS开发是轻而易举的事。学不会你的打我。
ExtJs源码分析与学习—ExtJs核心代码（一）
03-20
NULL 博文链接：https://linder0209.iteye.com/blog/865372
Ext.js教程完整版
06-29
在这章里，我们将介绍 ExtJS 的基本功能。如果你对 web 开发熟悉的话，您会 惊诧于 ExtJS 框架的优雅！不同其他的 JavaScript 库， ExtJS 为您的开发夯实了基础，只 需几行代码，你就可以制作出丰富的用户界面。 本章包括： 1. ExtJS 的功能和您将会喜爱上它的原因； 2. 如何获得 Ext 并在 web 应用中采用它； 3. 采用”适配器(adapters)“使得 Ext 和其他的 JavaScript 库共存； 4. 充分利用 AJAX 技术； 5. 在您的语言中展示 ExtJS 对象； 关于 Ext： 我们采用最新的的 Ext 2.x 版本， 1.x 版本到 2.x 版本的是一个重组的过程，包括 添加新的组件、重命名组件用来重新组织结构等等。这使得 1.x 和 2.x 兼容性很低。 3.x 版 本则不然，他对 2.x 有很强的兼容性，可以很好的联合本书中所设计的内容。 Ext 的 开发组决定在日后的版本发布中都做到向前兼容。 Ext 库是对雅虎 YUI 的一个拓展，提供了它所不支持的特性：良好的 API，真实 的控件。虽然 YUI 致力于用户界面，但是它却没有提供许多有用的功能。
ExtJs教程_史上最全_完整版_新手开发
09-27
ExtJs 教程_完整版,适合新手开发 第一章 起步1在这章里我们将介绍ExtJS的基本功能。如果你对web开发熟悉的话您会惊诧于ExtJS框架的优雅不同其他的JavaScript库ExtJS为您的开发夯实了基础只需几行代码你就可以制作出丰富的用户界面。本章包括 1.ExtJS的功能和您将会喜爱上它的原因 2.如何获得Ext并在web应用中采用它 ... ...
EXTJS入门教程（非常详细）
11-16
EXTJS入门教程 组件的介绍与应用 ext核心 Element：Ext的核心 获取多个DOM的节点 响应事件
跟我一起学extjs5(01--开发的总体说明)
热门推荐
jfok的专栏
06-30 4万+
跟我一起学extjs5(01--开发的总体说明)         我之前使用extjs4+java spring MVC架构了一套“模块常规功能自定义的系统”（博客详见点击打开链接），该系统中详细讲解了设计思想，但并未有实现过程。由于extjs5的发布，并有许多新特性，而我对原系统正有重构和加入新功能的想法，因此决定对该系统进行升级，并将升级的开发过程写成博客。
ExtJs-5.1.0入门学习
llwan的专栏
06-02 7271
早就听说ext，只是简单的认为是和Jquery类似的js框架，并没有实际应用或者深入学习过，因工作需要进行深入学习。 从ExtJs发展到现在已经发布到5.1.0了，最新的入门资料ExtJs的版本比较老，下载的源码包目录也不一样，学习时真是费了不少功夫。
EXTJS5 入门指南
confidence68的专栏
06-23 1649
EXTJS5带领EXTJS步入了新的时代，Ext JS 5已经不再支持IE6、IE7和其他旧版本的浏览器了，这样可以显著减少跨整个框架的逻辑和样式设置。再加上额外的优化，Ext JS 5已经为企业级的Web应用程序迈出了惊人的一步。       EXTJS5不在和EXTJS4一样，直接应用就可以运行，EXTJS5运行需要2步       1、下载和安装 Sencha Cmd 5 win
【层级结构】Ext.js5应用层级结构介绍
鹿惊的博客
12-14 1098
非英文专业，同时也是Ext.js的初学者，若您能指出错误和不恰当的地方，万分感谢！原文：https://docs.sencha.com/extjs/5.1/application_architecture/application_architecture.html Ext.js5同时支持MVC和MVVM两种开发模式。这两种架构都有着类似的核心概念并且都专注于将代码划分的更具有逻辑。每个方法都有其长
ExtJs 2.1 学习笔记概览
4. Ext.TabPanel篇：TabPanel是ExtJs中的一个关键组件，用于实现多标签页界面。这里可能讨论了如何创建和管理TabPanel，添加和移除标签页，以及自定义标签页的行为和样式。 5. Function扩展篇：可能涉及了ExtJs对...
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值