【翻译】Ext JS最新技巧——2014-10-30

原文:Top Support Tips

Greg Barry:Ext JS 5的ExtraParams

Ext JS 4允许用户直接将extraParams添加到一个链接,类似如下代码:

Ext.Ajax.extraParams = { foo: "bar" };

由于Ext JS5对数据包进行了修改,该方法就不再可行了。现在,需要使用 setExtraParams和getExtraParams方法来为Ext.data.Connection提供参数,例如:

Ext.Ajax.setExtraParams({
    foo: "bar"
});

有关这些方法的详细信息,请阅读以下资源:Ext.data.Connection

你可以通过查看Fiddle的标题中网络标签页中的“列表”来查看该功能的演示。

Seth Lemmons:Ext JS 4中的动态字段和网格列

Ext JS 5的数据包变化让灵活的数据更易于工作了。然而,如果你正在使用Ext JS 4,那要实现类似的灵活性,就需要使用几个鲜为人知的框架块来实现。

开发人员一直以来都无法控制从服务器返回到应用程序的数据字段有哪些。如果你是工作于数据会从多个数据源返回数据的环境,这很可能是一个常见的挑战。数据签名可能频繁发生改变,而且数据拥有者不会去通知数据签名已经改变。用户经常静态的设置模型(model)/存储(store)(或网格中的列)的字段。然而,你可以利用metachage事件以及返回的metaDaata键来让数据变得灵活。

注意:metachange事件目前只会被JSON读取器(reader)触发。

如果服务器响应包含了在读取器的metaProperty配置项设置的metaData键,那数据就可从metaData响应中获取。任何传递过来的数据记录的根就可以在这里被定义为存储的字段。如果记录对象是通过metaData对象传递的,那么字段就被读取器自动应用到存储/模型。

与响应相关的信息也会传递回响应中,例如,一个关联存储的数组列也可以被传递,且可使用存储的metachange事件来动态应用。

当metaData被传递回响应,就会触发metachange事件,这时,处理程序就可以读取任何传递回来的数据并将其合并。

var store = Ext.create(‘Ext.data.Store‘, {
    // ...
    listeners: {
        ‘metachange‘: function(store, meta) {
            myGrid.reconfigure(store, meta.columns);
        }
    }
});

理想情况下,每次加载是不需要重新配置网格的,除非是字段/列需要进行重新配置。尽管如此,最好还是在字段或列发生改变的时候才使用传递回来的响应中的metaData。

有关metachange事件和metaData配置项的详细信息,请参阅以下资源:

时间: 2024-10-09 15:34:58

【翻译】Ext JS最新技巧——2014-10-30的相关文章

【翻译】Ext JS最新技巧——2014-5-12

原文:http://www.sencha.com/blog/top-support-tips-may-2014?mkt_tok=3RkMMJWWfF9wsRoluazJZKXonjHpfsX77OQlXK%2B%2FlMI%2F0ER3fOvrPUfGjI4AT8NjI%2BSLDwEYGJlv6SgFSbfBMbdlybgMWRA%3D Seth Lemmons:为网格行设置不同的高度 在整个网格中,行高通常都会保持为同一高度.然而,这并不适用于所有情形,有时候需要根据单元格中的数据来自动调整

2014/10/30 安装 CoreOS

安装 CoreOS 的途径有很多,这里不列举,详见官网.我现在安装 CoreOS 的目的是为了体验,所以选择最简单的方式:VMware OVF 模板.ISO 方式需要编写 cloud-config.yml,坑还是挺多的.用 VMware OVF 部署还是挺简单的,安装官网的教程做就行了. 部署好了之后,启动,登陆.Docker 的服务默认是启动的,但 etcd 和 fleetd 默认是没有启动的.启动 etcd 和 fleetd 的方法之一是手动启动,执行 sudo ./bin/etcd 和 s

【翻译】使用Ext JS设计响应式应用程序

原文:Designing Responsive Applications with Ext JS 在当今这个时代,用户都希望Web应用程序无论在形状还是大小上,既能在桌面电脑,也能在移动设备上使用.使应用程序能适应不同的需求渐成趋势.幸运的是,Ext JS 5提供了所有支持应用程序以符合任何屏幕尺寸.形状和方向的工具. responsiveConfig概述 要让Ext JS 5支持新的平板电脑,需要使用"responsiveConfig",一个强大的新功能,可以让应用程序根据屏幕大小和

Ext JS 5的声明式事件监听

原文:Declarative Listeners in Ext JS 5 在前文<在Ext JS 5使用ViewControllers>中,简单的介绍了Ext JS 5的一项重要改进--声明式事件监听.在本文,将深度探讨如何使用声明式事件监听啦简化应用程序的视图并减少自定义组件的样板代码. 注意:文章假设你使用的是Ext JS 5.0.1或更高版本. 什么是声明式事件监听? 所谓的"声明式事件监听",就是指定义在类主体中的监听或在实例的配置对象中使用了listeners配置

【翻译】Ext JS 5的平板支持

原文:Ext JS 5 Tablet Support Ext JS已被公认为桌面Web应用程序的领先框架.自从平板开始在全球挑战PC的销售,无论是个人还是企业,电脑横向的应用已经产生急剧的变化.Sencha意识到了这种变化,并推出了包含新功能和进行优化了的Ext JS 5. Ext JS从Sencha Touch 2学到了一些新把戏.多年最好的移动Web应用程序框架经验的沉淀要应对现代平板电脑上的桌面显示,那是卓卓有余的.通过类系统.事件管理.窗口小部件和新的部署选项就可以了解到这些更新. 除了

【翻译】在Ext JS和Sencha Touch中创建自定义布局

原文:Creating Custom Layouts in Ext JS and Sencha Touch 布局系统是Sencha框架中最强大和最独特的一部分.布局会处理应用程序中每个组件的大小和位置,因而,不需要手动去管理那些碎片.Ext JS与Sencha Touch的布局类有许多相似之处,最近在 Ivan Jouikov的这篇博文中对他们进行了详细的分析. 虽然是这样,但很多Ext JS和Sencha Touch开发人员可能永远都不会去了解布局系统的机制原理.Sencha框架已经提供了最常

【转载】《Ext JS 4 First Look》翻译之一:新特性

免责声明:     本文转自网络文章,转载此文章仅为个人收藏,分享知识,如有侵权,请联系博主进行删除.     原文作者:^_^肥仔John      原文地址:http://www.cnblogs.com/fsjohnhuang/archive/2013/01/29/2880705.html 第一章 新特性 Extjs 4相对于之前的版本作出了重大的修正.其中包括全新的类系统.新平台的引入.API的修整和加强还有新组件的引入(如新的图表和图形组件).Extjs 4提供更快速.更稳定的用户体验,

【翻译】Ext JS——高效的编码风格指南

原文:ExtJS - Efficient coding style guide 作者:Raja 切勿使用"new"关键字:在Ext JS中,使用"new"关键字来创建一个组件或类的实例是一种错误的做法,因为这没有遵循组件的生命周期.应该使用Ext.create方法来创建对象,例如: 错误: var obj = new Ext.panel.Panel(); 正确: var obj = Ext.create('Ext.panel.Panel'); 初始化直接量:不要直接

【翻译】在Ext JS 5应用程序中如何使用路由

原文:How to Use Routing in Your Ext JS 5 Apps 简介 Ext JS 5是一个重要的发布版本,它提供了许多新特性来创建丰富的.企业级的Web应用程序.MVVM和双向数据绑定为开发人员承担了大量的繁重工作.在Ext JS 5种,另一个新特性就是路由,它可以在控制器内轻松的管理历史记录.前进和后退按钮是每个浏览器都会拥有的公共用户接口,现在,使用Ext JS 5在单页面应用程序中处理导航变得相当简单了. Ext JS 5路由 在Ext JS,已经可以使用Ext.