原文: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,那要实现相似的灵活性,就须要使用几个鲜为人知的框架块来实现。

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

注意:metachange事件眼下仅仅会被JSON读取器(reader)触发。

假设server响应包括了在读取器的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配置项的具体信息,请參阅下面资源:

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

  1. 【翻译】Ext JS最新技巧——2016-3-4

    原文:Top Support Tips Kevin Cassidy:Grid水印 Ext JS的Grid是一个便于在布局中显示信息的伟大工具.有些用户可能会希望将这些信息打印为会议资料或宣传材料,而且 ...

  2. 【翻译】Ext JS最新技巧——2015-1-2

    原文:http://www.sencha.com/blog/top-support-tips-january-2015?mkt_tok=3RkMMJWWfF9wsRolvqvIZKXonjHpfsX7 ...

  3. 【翻译】Ext JS最新技巧——2015-10-21

    原文:Top Support Tips Kevin Cassidy:全宽度的字段错误信息 有考虑过让验证信息显示在表单字段的下面(msgTarget:'under'),但最后发现验证信息被压缩显示了吗 ...

  4. 【翻译】Ext JS最新技巧——2015-8-11

    原文:Top Support Tips Seth Lemmons:使用棒极了的Awesome Font Ext JS 6附带了一个新的海卫一主题,可以使用Font Awesome字体作为背景图像的图标 ...

  5. 【翻译】Ext JS最新技巧——2014-9-10

    原文:Top Support Tips Greg Barry:删除网格单元格的焦点 在Ext JS 5.0.1,添加了一些与可访问性和支持ARIA有关的显著改进.虽然鼓励使用这些新增功能,但默认样式可 ...

  6. 【翻译】Ext JS最新技巧——2014-8-13

    原文:Top Support Tips Greg Barry:新的框架. 新的文档类型(Doctype) 在Ext JS 5,只支持IE8+,因此不再古力用户使用严格的HTML文档类型.现在,推荐使用 ...

  7. 【翻译】Ext JS最新技巧

    原文:Top Support Tips Mitchell Simoens:控制滚动指示器的自动隐藏 Sencha Touch有一个跨平台的,在所有平台看起来和工作效果都一样的滚动条.两条轴(x和y,水 ...

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

    原文:mkt_tok=3RkMMJWWfF9wsRoluazJZKXonjHpfsX77OQlXK%2B%2FlMI%2F0ER3fOvrPUfGjI4AT8NjI%2BSLDwEYGJlv6SgFS ...

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

    原文:Designing Responsive Applications with Ext JS 在当今这个时代,用户都希望Web应用程序无论在形状还是大小上,既能在桌面电脑,也能在移动设备上使用.使 ...

随机推荐

  1. 让Linux开机运行命令

    开机的时候需要linux 自动执行命令很简单 只需要把要执行的命令输入操作系统启动的时候要加载的文件里面就行了,一般写在 /etc/rc.local里面 #vim /etc/rc.local 按o键  ...

  2. 最简单的Java框架

    框架framework的目的是定义骨架式方案,处理各种相同的底层细节:而开发人员使用框架时,能够依照自己的需求实现自己的功能--仅仅须要填入自己的东西/flesh. 最简单的框架,类似于JUnit,它 ...

  3. Android---53---多线程下载

    采用HttpURLConnection HttpURLConnection从继承URLConnection,它也可以被用来发送到指定的网站GET求 POST求. 办法: int getResponse ...

  4. WPF-21:WPF实现仿安卓的图案密码键盘(初级)

    希望大家有这方面好的代码给提供下,谢谢了! 想用C#做一个和手机上一样的图形密码键盘,貌似这方面资料比较少,虽然winphone手机上也有但是网上也没有这方面的代码.只好用常规的思维去实现一下,当然是 ...

  5. 【前段开发】行内元素和块级元素总结(HTML CSS)

    块级元素 <address> information on author <blockquote> long quotation <button> push but ...

  6. SIP基本呼叫

    我们首先来看下主要的呼叫流程. INVITEsip:69690067@beijing.chinamobile.com;user=phone SIP/2.0 From:"+8610696900 ...

  7. NDK/JNI学习--进口hello-jniproject

    上一篇文章,简单的设置NDK开发环境,本文通过导入C:\android-ndk-r9d\samples\hello-jni(NDK自带example)来疏通真个环境. 打开Eclipse IDE.指定 ...

  8. Red Gate系列之二 SQL Source Control 3.0.13.4214 Edition 数据库版本控制器 完全破解+使用教程

    原文:Red Gate系列之二 SQL Source Control 3.0.13.4214 Edition 数据库版本控制器 完全破解+使用教程 Red Gate系列之二 SQL Source Co ...

  9. SSH三作品的框架和流程

    Hibernate工作的,为什么? 原理: 1.通过Configuration().configure();读取并解析hibernate.cfg.xml配置文件 2.由hibernate.cfg.xm ...

  10. 开源Math.NET基础数学类库使用(17)C#计算矩阵条件数

    原文:[原创]开源Math.NET基础数学类库使用(17)C#计算矩阵条件数                本博客所有文章分类的总目录:http://www.cnblogs.com/asxinyu/p ...