【翻译】Ext JS最新技巧——2014-10-30
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的更多相关文章
- 【翻译】Ext JS最新技巧——2016-3-4
原文:Top Support Tips Kevin Cassidy:Grid水印 Ext JS的Grid是一个便于在布局中显示信息的伟大工具.有些用户可能会希望将这些信息打印为会议资料或宣传材料,而且 ...
- 【翻译】Ext JS最新技巧——2015-1-2
原文:http://www.sencha.com/blog/top-support-tips-january-2015?mkt_tok=3RkMMJWWfF9wsRolvqvIZKXonjHpfsX7 ...
- 【翻译】Ext JS最新技巧——2015-10-21
原文:Top Support Tips Kevin Cassidy:全宽度的字段错误信息 有考虑过让验证信息显示在表单字段的下面(msgTarget:'under'),但最后发现验证信息被压缩显示了吗 ...
- 【翻译】Ext JS最新技巧——2015-8-11
原文:Top Support Tips Seth Lemmons:使用棒极了的Awesome Font Ext JS 6附带了一个新的海卫一主题,可以使用Font Awesome字体作为背景图像的图标 ...
- 【翻译】Ext JS最新技巧——2014-9-10
原文:Top Support Tips Greg Barry:删除网格单元格的焦点 在Ext JS 5.0.1,添加了一些与可访问性和支持ARIA有关的显著改进.虽然鼓励使用这些新增功能,但默认样式可 ...
- 【翻译】Ext JS最新技巧——2014-8-13
原文:Top Support Tips Greg Barry:新的框架. 新的文档类型(Doctype) 在Ext JS 5,只支持IE8+,因此不再古力用户使用严格的HTML文档类型.现在,推荐使用 ...
- 【翻译】Ext JS最新技巧
原文:Top Support Tips Mitchell Simoens:控制滚动指示器的自动隐藏 Sencha Touch有一个跨平台的,在所有平台看起来和工作效果都一样的滚动条.两条轴(x和y,水 ...
- 【翻译】Ext JS最新技巧——2014-5-12
原文:mkt_tok=3RkMMJWWfF9wsRoluazJZKXonjHpfsX77OQlXK%2B%2FlMI%2F0ER3fOvrPUfGjI4AT8NjI%2BSLDwEYGJlv6SgFS ...
- 【翻译】使用Ext JS设计响应式应用程序
原文:Designing Responsive Applications with Ext JS 在当今这个时代,用户都希望Web应用程序无论在形状还是大小上,既能在桌面电脑,也能在移动设备上使用.使 ...
随机推荐
- WPF换肤之五:创建漂亮的窗体
原文:WPF换肤之五:创建漂亮的窗体 换肤效果 经过了前面四章的讲解,我们终于知道了如何拖拉窗体使之改变大小,也知道了如何处理鼠标事件,同时,也知道了如何利用更好的编写方式来编写一个方便实用和维护的换 ...
- UIApplicationsharedApplication的常用使用方法
下面是这个类的一些功能: 1.设置icon上的数字图标 //设置主界面icon上的数字图标,在2.0中引进, 缺省为0 [UIApplicationsharedApplication].applica ...
- Linux内核的同步机制---自旋锁
自旋锁的思考:http://bbs.chinaunix.net/thread-2333160-1-1.html 近期在看宋宝华的<设备驱动开发具体解释>第二版.看到自旋锁的部分,有些疑惑. ...
- .net读取异步Post的内容
//读取微信Post过来的XML内容 byte[] input = HttpContext.Current.Request.BinaryRead(HttpContext ...
- Chrome应用技巧之代码整理。
我们有时候在看别人站点代码时往往是经过压缩的,代码都在一行上了,调试非常是困难,今天给大家介绍一种基本Chrome浏览器的代码整理方法.请看图:
- JavaScript语言基础知识10
JavaScript中间if声明: <span style="font-size:18px;"><HTML> <HEAD> <TITLE& ...
- 软件測试系统文章(文件夹&链接在此)
前言 我会在此账号上写一系列关于软件測试的文章,故在此置顶软件測试系列文章的文件夹和链接,以方便大家阅读! 文件夹 软件測试系列之入门篇(一) 软件測试系列之了解篇(二) 软件測试系列之黑白盒(三) ...
- Struts的ONGL
1.什么是OGNL OGNL它是Object Graphic Navigation Language(对象图导航语言)缩写, 它是一个开源项目. Struts2框架使用OGNL作为默认的表达式语 ...
- poj 2478 Farey Sequence(欧拉函数是基于寻求筛法素数)
http://poj.org/problem?id=2478 求欧拉函数的模板. 初涉欧拉函数,先学一学它主要的性质. 1.欧拉函数是求小于n且和n互质(包含1)的正整数的个数. 记为φ(n). 2. ...
- 【BZOJ 1642】 [Usaco2007 Nov]Milking Time 挤奶时间
1642: [Usaco2007 Nov]Milking Time 挤奶时间 Time Limit: 5 Sec Memory Limit: 64 MB Submit: 590 Solved: 3 ...