原文: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. mybatis配置文件xxxx.xml中缺失返回类型的后果A query was run and no Result Maps were found

    使用mybatis时出现异常问题: 有如下的错误 Error querying database.  Cause: org.apache.ibatis.executor.ExecutorExcepti ...

  2. angularjs入门学习【指令篇】

    一.首先我们来了解下指令API 属性 含义 restrict 申明标识符在模版中作为元素,属性,类,凝视或组合,怎样使用 priority 设置模版中相对于其它标识符的运行顺序 Template 指定 ...

  3. 1104. Don’t Ask Woman about Her Age(数论)

    a*b^n(mod(b-1) =a(mod(b-1) http://acm.timus.ru/problem.aspx?space=1&num=1104 #include <stdio. ...

  4. WPF Media 简单的播放器

    <Window x:Class="PlayTest.MediaControl" xmlns="http://schemas.microsoft.com/winfx/ ...

  5. UVA - 12232 Exclusive-OR (并查集扩展偏离向量)

    Description You are not given n non-negative integersX0,X1,..., Xn-1 less than220, but they do exist ...

  6. android升级软件版本号,您安装后的新版本号,成功安装画面没有出现,或直接回到桌面

    Intent intent = new Intent(Intent.ACTION_VIEW); intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK); //an ...

  7. paip.关于动画效果的原则 html js 框架总结

    paip.关于动画效果的原则 html js 框架总结 1. 动画框架的来源:flex,jqueryui 3 2. 特效的分类 3 2.1. Property effects 动态改变一个或多个目标对 ...

  8. 不合规范的html段落php处理细则

    最近业余时间在维护一个rss聚合应用,就发现很多网站feed的条目摘要存在各种问题,用strip_tags一刀切吧,对摘要的段落和样式扭曲了 例如:有一些网站的摘要是截断输出,例如指定的摘要长度截断, ...

  9. Oracle安装过程物理内存检查及临时temp空间不足解决办法

    物理内存 – 此先决条件将测试系统物理内存总量是否至少为 922MB (944128.0KB). 预期值 : N/A 实际值 : N/A 错误列表: – 可用物理内存 PRVF-7531 : 无法在节 ...

  10. 解决Ubuntu和Windows该文件乱码问题

    1.转换文件内容编码    Windows在自然纯文本文件.当中国作为编码GBK,在Ubuntu下乱码,可以使用iconv命令转换:    iconv -f gbk -t utf8 source_fi ...