ext-js
关注
分享
扫一扫
robin_xiong
这个作者很懒，什么都没留下…
展开
-
Ext JS MVC Architecture
我们之前在之前的 Ext JS Architecture介绍的Ext JS 6的应用程序的结构，简单介绍了MVC, 和MVVM两种体系，这里包括Controller, Model, View, ViewModel, ViewController等相关的知识。因为Ext JS 6中，同样支持MVC结构，而在之前的文章中，并没有详细的讲到MVC， 更多的是新特性MVVM结构，本指南将详细的讲解MVC,原创 2016-08-29 12:33:38 · 1509 阅读 · 0 评论 -
Ext JS 6组件，容器， 布局
组件Ext JS应用的UI是由一个或者多个widgets组称， 我们称之为Components. 所有的组件都是Ext.Component的子类，允许组件自动管理生命周期， 包括instantiation, rendering, sizing and positioning, 以及destruction. Ext JS提供了很多直接可以使用的组件， 能过简单继承，可以创建自定义组件。The Com原创 2016-08-16 17:47:03 · 8021 阅读 · 0 评论 -
Working with the DOM
Ext js 提供了一个简便的方法来处理DOM。我们可以创建节点， 修改样式，添加事件监听器，和创建漂亮的动画。而且可以不用管各浏览器的兼容性。用来处理DOM节点的类为Ext.dom.Element类。这个类是包装了html原生节点，并且提供了许多的方法和实用工具来操作节点。直接操作DOM被认为是一个非常差的实践，在index文件中，不应该有任何DOM 标记，我们在这里的举的例子，只是为了说明DOM翻译 2016-08-15 17:48:54 · 661 阅读 · 0 评论 -
Ext JS Theming System
Theming Ext JS(Classic Tookit)我们可以直接使用Ext JS中默认的themes，就可以创建非常专业的应用。但你可能希望提供符合自己设计风格或者企业设计的样式。原来我们装饰一个应用程序，其实就是在渲染组件的过程中，为组件中的HTML单独创建样式规则。这种方法会产生许多的问题。首先，你创建的样式要跨浏览器支持， 其次，随着框架的成熟，底成组样的样式规则需要随着组件元素的结构翻译 2016-08-25 17:45:58 · 1207 阅读 · 0 评论 -
Ext JS Architecture
为了更好的创建代码和组织代码结构，改进团队合作，以及减少代码量。在Ext JS 4引入了MVC模式， 更进一步，在Ext JS 5引入了MVVM模式。MVC and MVVM模式首先我们学习一些基本概念Model: fields(字段)和数据的集合. 它被用于存放需要被显示的数据。同我们的组件或代码一起使用。 可以参考 Ext JS Data PackageView: 它是与用户进行交互的视原创 2016-08-24 14:34:27 · 1729 阅读 · 0 评论 -
Ext js 6 - Class System
Class SystemOverview我们可以搭建测试代码, 不需要使用Sencha cmd<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <meta name="viewport" content="width=device-width, initial翻译 2016-08-10 17:43:02 · 2510 阅读 · 0 评论 -
Ext JS 6 下载与设置
Ext js 6 开发环境设置，以及通过Sencha Cmd创建的第一个extjs app的认识翻译 2016-08-09 12:20:52 · 8276 阅读 · 0 评论 -
Ext JS 基本概念 - 事件与手势
Using EventsExt JS的组件和类在它们的lifecycle不同时期，触发很多的事件。Events允许你可以根据不同的事件，改变你的应用程序。它作为Ext JS的一个核心思想。What Are Events?事件是可以在任何感兴趣的时候触发，比如，当Ext.Component渲染到屏幕， Ext JS在渲染完组件后，会触发一个事件，我们可以通过创建时，指定的配置对事件进行监听Ext.cr原创 2016-08-22 12:47:27 · 3610 阅读 · 0 评论 -
Ext JS Data Package
Data package让我们可以在我们的代码或者application中加载和保存数据。最重要的一点是，data package可以让我们链接或者绑定数据到Ext JS组件。data apckage是由多个类组成，其中最重要的三个类为Ext.data.ModelStoreExt.data.proxy.Proxy 每个application差不多都会使用上面的三个类， 它们受到很多卫星类(围原创 2016-08-19 17:57:54 · 2097 阅读 · 0 评论 -
Buttons and Toolbars
在本章，你将学习到如何创建buttons和toolbars, 以及如何处理事件，使用户可以跟Ext JS UI进行交互Event-driven development在我们学习组件之前，我们需要明白背后的event和listeners是如何工作的。首先你要学习什么是观察者模式(observable pattern).简单来讲，观察者模式是允许实体或者对像，彼此使用事件进行通信。当某个行为发生在一个对原创 2016-09-06 14:03:42 · 1207 阅读 · 0 评论