苏生-苏米沿的专栏

Sencha EXTJS的 Eclipse 插件安装指南（翻译：苏生米沿）本文地址：本文作者：sushengmiyanSencha Eclipse 插件介绍Sencha的Eclipse IDE插件是一个集成的开发环境工具，它可以在Eclipse软件和sencha框架之间顺畅的创建工程。这种集成表现在代码补全-与原生的eclipse行为无缝配合。Sencha 专家将会爱上它对重构和源代码追踪带来的

本文作者：苏生米沿本文地址：翻译来源：http://docs.sencha.com/extjs/6.0/core_concepts/theming.htmlExtJS提供的可以使用的主题包对于创建一个干净专业的程序来说已经很有创意了，然而，你可能还是会希望提供自己的一种设计方式或现在存在的企业设计方式。从历史上来说，给程序美化就是指的给html标签提供渲染组件的规则，但是这样做也会有一些弊端出现。

本文地址：http://blog.youkuaiyun.com/sushengmiyan/article/details/45190485 简介sencha cmd 6安装过程不需要UAC控制了对于widnows来说，对于mac来说是启动权限，之前的版本，我们比较麻烦的事情是需要下载正确的ruby版本才可以使用cmd，现在6.0版本之后，就不需要单独安装ruby了，新版取消了对ruby的依赖。新版cmd增加了对

本文在微信公众号文章地址：微信公众号文章地址 [TOC] 在Ext JS 6，可以使用单一的javascript框架来无缝的创建基于桌面、平板和智能手机的应用程序。ExtJS 6 早期版本发布，新增功能如下：合并了 Ext JS 和 Sencha Touch 功能 通过 Sencha Cmd 6，新增时尚主题功能 3D 绘图功能增强 默认Ext JS 网格辅助选项为“actionable

mzPivotGrid 是一个报表组件，采用这个组件之后，可以令你的应用体现更多的价值。什么是pivot grid什么是mzPivotGrid学习资源与图表组件的融合什么是pivot gridextjs的面板panel对于展示大批量数据来说是pefect的，并且还提供了各种各样的展示方式。但是唯一缺少一个pivot grid，当需要做数据报表的时候，pivot grid就起作用了。什么是m

使用extjs肯定少不了使用表格控件，用到表格，领导们(一般)还是惯于使用excel看数据，所以用到extjs表格的技术猿们肯定也会有导出表格excel这一个需求，本文主要针对如何在用extjs将grid表格导出到excel，使用的是前端导出，不涉及后端。源代码打包下载将源代码嵌入到应用中查看导出按钮以及导出效果扩展支持sum统计和groupsum分组源代码打包下载本次使用的是github上

一个UI前台组件肯定会比较多，我们通常习惯性的使用ID来获取需要操作的组件，但是这种方法是extjs推荐的么？有没有extjs推荐使用的获取组件的方法呢？目录目录extjs的查询组件的API查询实例基本的组件查询组件树查询通过组件的属性检索属性匹配操作符逻辑运算的官方案例extjs的查询组件的API组件查询API文档地址：5.1.0-apidocs/#!/api/Ext.Compon

继上次使用js前端导出excel之后，还有一个主要大家比较关注的是后台实现导出excel,因为本人开发使用的java所以这里使用apache的开源项目poi进行后台excel的导出。本文目录本文目录poi项目下载及加载extjs前端导出设置extjs后台对应的解决方案创建excel工作簿创建一个excel页签生成excel样式并初始化产生表格标题行build headers构造数据

sencha extjs 5 增加一个struts2的配置，这样可以在设置好前台布局之后，与后台交互获取数据显示。现在有一个问题是struts2对于url的跳转action支持比较良好，但是对于像Extjs这样，ajax请求的，无url跳转的实现，还是需要一点点技巧的。本文实例讲解一个Ext.Ajax.request的请求实例，返回后台处理之后的结果。

使用sencha cmd build app 生成的工程，我们期望只使用cmd打包好之后的那一个压缩后的js

Extjs 5 分组统计gridpanel 解决了在IE下数据无法正常显示的问题。有实际代码，运行简单，实用。

sencha ext js 动态更换皮肤 主题

sencha extjs 发布新版本5.1.0 extjs 离线版doc下载地址 sencha extjs 文档离线下载

sencha ext 使用sencha cmd 打包javascript时发现有错误，原因是调试环境没有清楚就是没有将debugger关键字去掉，ext不允许将debugger带着进行打包。

在eclipse/myeclipse中实现智能提示extjs代码。感觉很费劲，效果也不是很理想啊，自己写代码就好了。其实完全没必要这么大费周折的。

sencha extjs5 页面跳转 不使用sencha cmd 使用类似之前ext4一样引入js代码的方式，注意参考welcome to Extjs这里：http://docs.sencha.com/extjs/5.0/getting_started/welcome_to_extjs.html

前台数据传入到后台，后台根据前台的请求，获取数据，组装好之后返回给前台。

在使用表格的时候，我们默认都是加载一些文本文字，可是偶尔我们还有个性化的需求，比如我想增加一个选择框，或者我需要一个日期的输入。那么这时候，就需要配置gridpanel的格式属性了。

在注册页面获取填写信息的界面，我们都能看到必填选项的标志* 这个东西。在Ext中，我们可以通过fieldLabel来创建一个标签，但是没有选项明确指出有必填选项的配置，刚才看了下官方的例子，发现有个beforeLabelTpl配置可以用来设置必填选项的*标志。

对于Extjs5的使用方式，我习惯性的是，先使用Ext.define方法定义一个自己的类，然后使用extend属性继承某一ext现在存在的类，然后制定alias的widget别名，最后配置属性，格式如下

items其实就是一个数组，可以看成是json格式样式的一个数组。既然这样，那么当我们定义好了这样的字符串样式之后，可以使用数组的push方法，将这些项，一个一个的加载进去，就可以动态的进行组件创建了。

可以清晰的看到，form.Panel是继承自panel.Panel的，FormPanel 为 form 表单提供了一个标准的容器. 本质上还是一个标准的 Ext.panel.Panel, 只是自动创建了一个 BasicForm 来管理所有添加到 Panel中的 Ext.form.field.Field 对象. 可以快捷方便地进行 配置以及处理 BasicForm 和 表单域.

给Ext.panel组件增加一个停靠的toolbar组件，里面放置一些增删改查的操作按钮，后期实现一些逻辑功能。

做一个系统的话，一般都需要有导航栏啊，工具条啊这些东西。看到Ext官方例子中有个window的layout window ，看了下效果看起来蛮不错，就学习了下，加入到了我之前做的extjs5登录系统中。这样看起来就像是一个系统了。先看下官方例子的效果吧，看起来很不错的哟

Sencha ext js 5之前的版本中是没有viewmodel这个概念的，现在extjs5既然支持mvvm模式了，那么她的组件也就相应的增加了对mvvm的默认支持。现在看看我们经常使用的panel组件对mvvm模式的强大支持。

将昨天显示的问题给debug了一下，发现官方例子中，将承载着grid的panel容器中frame属性设置为true了。试了下，果真就是这个原因，来看下我的最终成果吧。

Grid是在客户端上显示大量的表格数据的极佳方式。它本质上是一个超级统计表<table>， GridPanel使其更容易地进行获取、排序和筛选大量的数据。Grid是由两个主要部分组成的 - 一个含有全部数据的Store和一个要进行渲染列的集合。

参数介绍：iterable :就是你要进行迭代的object，如果不可循环，就只执行一次了。fn:回调函数，当遍历一次的时候就执行一次，函数包含三个参数 item，就是每次遍历的值 index,当前值的序号index allItems:就是当前的数组对象本身。返回值： 当想结束的时候就返回false就可以了。

定义了多个组件，给组件起了ID和alias名称，后面想使用组件，发现使用Ext.getCmp的时候，运行期有报错如下：TypeError: Ext.getCmp(...) is undefined

实例代码使用方法：1.第一步：使用sencha cmd 创建项目 名称需要注意 输入为oaSystem 我使用的命令如下：sencha -sdk E:\openSrc\ext-5.0.0 generate app oaSystem E:\workspaces\myeclipse2014\csdn如果不太清楚sencha cmd的命令参数，建议先阅读 http://blog.youkuaiyun.com/sushengmiyan/article/details/383135372.第二步：使用sencha

数据绑定（DataBinding）和视图模型（ViewModel）是Ext JS5 新增的强大特性。它们俩可以让你写最少的代码和使用声明类型的风格来帮助你解耦管理。一个ViewModel就是一个类，这个类管理数据对象。它允许对数据感兴趣的组件来绑定它，并且当发生变化的时候会自动通知到。视图模型（ViewModel）像ViewController一样是被视图View拥有的一个引用。因为视图模型（ViewModel）和视图有关系，在组件继承关系中，祖先拥有的视图模型自雷也可以去连接。这就允许子类可以简单继承父

Ext JS提供了mvc和mvvm的应用程序框架支持，这两种架构方法都是关注于将应用程序代码和业务逻辑分离。每一种方法都有自己的优点，这取决于怎么分离应用程序模块。这篇指导的目的就是提供有关组成这些框架的组件的基础知识。在一个MVC框架中，大多数的类要么是模型（model）要么是视图(view)要么是控制器(controller)。用户(user)与视图(view)交互，视图(view)呢又显示模型(model)中的数据(data)。这些交互都被控制器(controller)监控，控制器(controll

本文地址：http://blog.youkuaiyun.com/sushengmiyan/article/details/38515499本文作者：sushengmiyan-------------------------------------------------------------资源链接-------------------------------------------------------...

一个EXT JS的应用程序的UI用户界面是有一个或者多个部件构成的组件。所有的组件都是Ext.Component类的子类，允许它们参与自动化生命周期管理包括实例化，渲染，大小，定位还有销毁。Ext JS提供了一系列有用的组件，任何组件可以很容易地扩展到创建一个定制的组件。

EXT JS 5自带了有超过300的类，到目前为止有200多万的开发者在使用extjs开发，他们来自不同的地方，有不同的背景。所以这样说来，在提供一份公共代码结构上我们就面临着一个巨大的挑战，这些代码结构是：1.大家都熟悉了解，简单容易学习2.开发迅速，调试方便，部署的时候也没有痛苦3.有组织的，可扩展的，并且是可维护的

第二节结束后，我们可以使用sencha cmd构建一个项目，一般来说，网站对于美工要求是比较多的，看起来舒适的网店大家都愿意上。使用sencha cmd 自动构造出来的程序，按钮就是一个普通的按钮，面板也是普通的面板，如果我想对按钮增加一个图标，是不是会更好看呢？本节介绍一种简单的给ext js程序增加fontawesome提供的图标的方法。

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

Sencha cmd提供的构造脚本是将足见绑定在一起并且是使许多低级命令（像编译）变得自动化，很少有出现适合一个工具满足所有需求的这样的解决方案，所以构造脚本提供了很多可以进行选择的选项让你去配置和客户化的定制这些行为，这个指引将要解释在构造脚本后面的规则以及你可能需要去修改来适应你需求的做法。 阅读本文需要你阅读之前两章的内容 1.introduction to sencha cmd 2.using sencha cmd

这个指导通过处理使用 sencha cmd的sencha generate app命令来创建应用程序，本文是以允许一个应用程序来结束的 处理更新一个存在的应用程序来体验Sencha cmd是在本章结束的时候介绍的，首先理解什么是"ideal"和“default”是很重要的，在默认的结构和已经存在的应用程序中驱动更新是有很大区别的。

Sencha cmd 是一个跨平台的命令行工具，它从你应用程序的新创建到部署入产品中的整个生命周期都提供了许多自动化的执行任务。Sencha Cmd 提供了一系列功能强大的节约时间的功能，结合Sencha Ext JS 和Sencha Touch框架协同工作