黄灯桥的专栏

Sencha Ext JS 5是第一个完全支持iOS平板的Ext框架。为应用程序添加平板支持，并能根据使用的设备自动切换桌面或基于触碰的主题（CSS文件）可能是相当重要的任务。本教程将演示如何将该功能添加到应用程序。

原文：Ext JS: Generating a Checkbox Group from a StoreExt JS的checkbox group可以用来将复选框组合成一个单一的逻辑字段。由于复选框时不时需要动态的从Store中生成，因而，如果将store绑定到扩展类，就最好不过了。

原文：Converting an Ext 5 Grid to Excel Spreadsheet稍微迟来的礼物——Ext JS Grid转为Excel代码，现在支持Ext JS 5！功能包括： - 支持分组 - 数字的处理 VS 字符串数据类型 - 对于不支持客户端下载的浏览器会提交回服务器

很多时候，在我教授一个Sencha培训课程的时候，学生经常会请求我帮忙看一下他们的应用程序，因为有些问题他们不知道如何去解决。由于不是我写的代码，因而，有时很难快速的向他们给出答案。还好，我有一套简单的技术，可以用来筛选出最明显的问题。在本文，我将对一些最常见的问题进行分类，并介绍一些简单而有效的策略来解决这些问题。

本文将根据API文档中关于主题的介绍做的一次演练，以便熟悉自定义主题的过程。 练习环境：Sencha Cmd v4.0.1.45Ruby 1.9.3-p392firefox 26 首先，使用以下Sencha Cmd命令创建一个名为TestMyTheme的应用程序：sencha -sdk c:\ext4 generate app TestMyThemec:\TestMyTheme命令中，参数sdk声

正如我所做的，你喜欢Ext JS 4.2的glyphs（字形）属性么？对于glyphs，可以实现从字体中创建图标。使用图标字体的优势是，他们是矢量的，因此永远不会失真，而且可以在不使用Photoshop的情况下很容易实现样式图标，以及只需要做一次页面请求就可以下载所有的图标。

Seth Lemmons：充分利用TaskRunnerMitchell Simoens：Sencha Touch中的事件委托Greg Barry：在Sencha Cmd 中隐藏Gems

以前经常使用的swfUpload，自从2010年开始到现在，很久没更新了。而这几年，flash版本已经换了好多个，所以决定抛弃swfupload，使用新找到的上传按钮。新的上传按钮由harrydeluxe扩展的，下载地址是http://www.sencha.com/forum/showthread.php?205576-File-upload-with-drag-amp-drop-support。

很多人都会奇怪，为什么在Ext JS 4中会大量使用“var me=this”这样的写法，其实，在官方论坛以下地址的帖子已经给出了很好的说明：http://www.sencha.com/forum/showthread.php?132045帖子里提到的最主要原因是脚本的压缩问题，例如以下代码：function doA() { var me = this; me.a();

Visual Studio 2012太强大了，居然能自己会去提取Ext JS的类的属性和方法，从而实现只能提示。下面就来介绍一下实现这个功能。在Visual Studio 2012中随便创建一个Web项目，我创建了一个空的Web项目，目录结构如下图所示：关键就是Scripts中的_references.js文件，文件的内容如下：/// 这个和VS2010中实现只能提示的原理一样。需要注意的是ext

地址：http://www.sencha.com/forum/showthread.php?132048-Ext.ux.container.ButtonSegment

原文地址：http://www.sencha.com/blog/top-10-ext-js-development-practices-to-avoid/作者：Sean Lanktree Sean is an Ext JS Professional Services Lead at CNX Corporation.在CNX，尽管

今天，有人请教我处理办法，问题是：一个Grid，选择某条记录后，单击编辑后，弹出编辑窗口（带编辑表单），编辑完成后单击保存按钮保存表单，并关闭窗口，刷新Grid。这，本来是很简单的，但囿于开发人员对Ext JS的理解不到位，搞得相当的复杂了。主要复杂的地方在以下几点：为了实现编辑表单的可重用，把表单做成了页面，然后在Window中套IFRAME打开页面。表单的提交不是用Ajax提交，而是使用习惯的

经常会有人问我，为什么我的Grid不能岁窗口的变得而自动调整。了解后，发现很多人都习惯在渲染子组件的时候将Gird渲染到容器内的一个div里，而这正是问题的所在。在Ext JS的布局系统中，能控制到的是容器的子组件，而对于渲染到容器中一个DIV的Grid，它并不知道在这容器里添加了一个Grid，当调整大小的时候，也就无法去调整Grid的大小了，而这也就是为什么Grid不会随容器的改变而改变了。为什

从上图面板中那条横线可以很清楚的看出树面板的容器没有使用Fit布局造成了树面板没有填满整个布局，而是根据自身大小进行显示。实际的代码：var mainAccirdion = new Ext.Panel({ id: "MainAccirdion", region: 'west', split: true, layout: 'accord

在Ext JS包示例目录的ux目录下有一个Ext.ux.GroupTabPanel组件，可实现左侧分组显示菜单。这个组件有个小问题，就是在第一次渲染的时候，会把所有标签页都渲染了。这对有很多标签页的应用程序很不利，第一渲染的时间成本太高。在Ext.ux.GroupTabPanel内部是使用卡片（Card）布局来实现标签页的切换的，但是作者在定义卡片布局的时候，并没有设置为可以延迟渲染，而是使用了默

示例地址：http://mikhailstadnik.com/ext/examples/nested-grid.htm

链接地址：http://www.sencha.com/forum/showthread.php?137242

经常碰到有人问：事件中怎么获取某个对象？事件中的参数有什么用？我要某个数据，怎么在事件中获取？其实，要解决这个问题很简单，甚至不用看API，自己去分析一下就好了。要做分析，只要在事件的回调函数内加入以下语句：console.log(arguments);然后在Firebug中，就会把所有参数都列出来了。通过在DOM面板对这些对象进行分析，就能获得大部分需要的信息了。如果在这些参数中获取不到需要的对

近日，有网友留言问如何编写一个使用Store更新复选框的CheckboxGroup的插件我的建议是：1、从CheckboxGroup扩展2、在构造函数中绑定Store的refresh方法3、在refresh的回调函数中，先清理旧的复选框，然后根据Store的数据再调用add方法添加新的复选框。最终他写出了这个扩展，可以使用，看来该方法可行。

这是Ext群里一位大虾提供的解决方案。通常情况下，在窗口显示时，也就是在窗口的show事件中，直接使用focus方法让字段获得焦点，会因为浏览器内部处理而丢失焦点。解决办法就是延迟执行focus，在API中，Ext.form.field.Base的focus方法的说明如下：focus( [Boolean selectText], [Boolean/Number delay] ) : Ext.Com

问题效果如下：图中的文字全部没有了。可能情况：1、默认的text字段没有数据2、修改了自定义的text字段，但数据格式不对。问题实际情况：忘记定义了fields了