文章分类 -  ExtJS

摘要：使用键盘的原因，无非大致两个原因：一、控制鼠标指针不及敲键盘来得快；二、某些用户用不了鼠标，这是可用性方面的问题（accessibility）。Navigating with your keyboard is often faster than using the cursor and is useful for both power users and to provide accessibility to users that find a mouse difficult to use.为了能够在例子演示用键盘完全控制，我们把原来的复杂布局的例子修改一下，并且增加“快捷键”的方式，使得人们 阅读全文

摘要：Localization in Ext JSCreating an application that works is one thing; creating an application that works for your users is something very different. Communicating with users in a language that they understand and with conventions that they're used to is vital.Imagine this scenario, you hand you 阅读全文

摘要：拖放 Drag and Drop在那么多的交互设计模式之中，“拖放（Drag andDrop）”模式可以说是开发者感觉比较不错的。用户日常在进行拖放操作的时候，真的是连“想都不用想”地就可以进行拖放操作了，非常直观而且易学易用。下文中的教程中，请跟随我们。不是我们“大厥其词”，而是真的——只要将下面五个步骤的要义领会在心，拖放的话将不再是一件难事。One of the most powerful interaction design patterns available to developers is "Drag and Drop." We utilize Drag an 阅读全文

摘要：Data包负责加载和保存你应用程序中的所有数据，由41个类构成，其中有三个类是最重要的，分别是模型类(Model)，存储类(Store)，代理类(Ext.data.proxy.Proxy)。它们几乎在每个应用程序中都被使用到，并且有很多相附类为它们提供支持。模型类和存储类模型类(Ext.data.Model)是data包的核心部件。每个模型代表应用程序中的一些数据类型-例如一个电子商务应用程序可以有Users、Products、Orders等模型类。简单来说，模型仅仅是一些域和每个域对应数据的集合。我们将重点研究模型类中的四个主要部分—域(Fields)、代理(Proxies)、关联(Asso 阅读全文

摘要：一个Ext JS 应用程序是由一或多个称为组件(components)的部件(widgets)组成的.所有的组件都是Ext.Component的子类,Ext.Component包含自动化生命周期管理的功能,如创建、渲染、尺寸控制、定位和销毁等，因此所有组件都自动拥有这些功能。ExtJS 提供了非常多可直接使用的组件，并且从这些组件继承并扩展自己的自定义组件也是很容易的一件事情。组件层次结构容器(Container)是一种可以包含其他组件的特殊组件。一个典型的应用程序是由许多按树状机构嵌套在一起的组件组成的，称之为组件层次结构。容器负责管理子组件的生命周期，包括子组件的创建、渲染、尺寸控制、定位 阅读全文

摘要：extjs4.0布局和容器（Layouts and Containers）是Ext JS中最强大的部分之一。它负责控制你应用程序中每个组件的尺寸和定位。本文内容包括了如何运用布局的基础。一、容器一个Ext JS应用程序的图形用户界面(UI)是由许多组件（查看组件指南(Components Guide)获取更多关于组件的信息）构成的。容器是一种可以容纳一些其他组件的特殊类型组件。典型的Ext JS应用程序是由一些嵌套的组件构成不同的层来组成的。如下图：最通用的容器就是Panel。让我们看下如何创建一个容器以允许一个Panel包含其他的组件：Ext.create('Ext.panel.Pa 阅读全文

摘要：控制网格要注意的是,onPanelRendered功能仍然是被调用的。这是因为gird匹配'viewport > panel'。然后我们添加一个监听，当我们双击grid中的行，就可以编辑用户。Ext.define('AM.controller.Users',{extend:'Ext.app.Controller',views:['user.List'],init:function(){this.control({'userlist':{itemdblclick:this.editUser}});},editU 阅读全文

摘要：对于Extjs来说，大客户端程序一直很难写，当你为大客户端程序添加更多的功能和项目的时候，项目的体积往往迅速增长。这样的大客户端程序很难组织和维持 ，所以，Extjs4配备了一个新的应用程序体系结构，它能结构化你的代码，那就是Extjs4 MVC。Extjs4 MVC有别于其他MVC架构，Extjs有他自己定义：1、Model是一个Field以及他的Data的集合，Modes知道如何通过Stores来表示数据，以能用于网格和其他组件。模型的工作很像Extjs3的记录集（Record class），通常通过数据加载器（Stores）渲染至网格（grid）和其他组件上边。2、View：用以装载任何 阅读全文

摘要：ExtJS4使用新的类机制进行了大量的重构。为了支撑新的架构,ext4几乎重写了每一个类,因此最好先好好的理解一下新的架构,再开始编码。本文适合想在extjs4中扩展现有类或者创建新类的开发者。其实，不管是想扩展还是使用，都建议您仔细阅读一下（如果E文好的，建议您还是阅读英文原文。链接地址是：http://docs.sencha.com/ext-js/4-0/#/guide/class_system）。文章共分4个部分，建议每一部分都仔细研究下，对之后的开发工作，会有意想不到的好处。第一部分：概述。说明了强大的类机制的必要性第二部分：编码规范。讨论类、方法、属性、变量和文件命名第三部分：DIY 阅读全文