<!DOCTYPE html>
<html>
<head>
<title>Ext.util.MixedCollection</title>
<meta name="content-type" content="text/html" charset="UTF-8">
<link rel="stylesheet" type="text/css" href="../extjs4/resources/css/ext-all.css">
<script type="text/javascript" src="../extjs4/bootstrap.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
/** 1. add( key, [obj] ) : Object */
var item01 = new Ext.util.MixedCollection();
item01.add("01",{name:"a"});
item01.add("02",{name:"b"});
item01.add("03",{name:"c"});
item01.add("04",{name:"d"});
//alert(item01);
/** 2. addAll( objs ) */
var item02 = new Ext.util.MixedCollection();
var array = [];
array.push({name:"a"});
array.push({name:"b"});
array.push({name:"c"});
array.push({name:"d"});
var obj = {name:"e"};
array.push(obj);
item02.addAll(array);
//alert(item02);
/** 3. clear() */
var item03 = new Ext.util.MixedCollection();
item03.add("01",{name:"a"});
item03.add("02",{name:"b"});
item03.add("03",{name:"c"});
item03.add("04",{name:"d"});
item03.clear();
//alert(item03);
/** 4. clone( ) : Ext.util.MixedCollection */
var item04 = item01.clone();
// alert(item04);
/**
* 5. contains( o ) : Boolean
* 6. containsKey( key ) : Boolean
*/
//alert(item02.contains(obj));
//alert(item01.containsKey("01"));
/** 7. each( fn, [scope] ) */
var array02 = [];
item01.each(function(item){
array02.push(item.name);
});
//alert(array02.join(","));
/** 8. get( key ) : Object */
//alert(item01.get("02").name);
/** 9. first( ) : Object */
//alert(item01.first().name);
/** 10. add( index, o, key, eOpts ) */
item01.on("add",function(index, o, key){
alert("添加对象:\n"+"key:"+key+"\n"+"object:"+o+"\n"+"index:"+index);
});
item01.add("10",{name:"z"});
});
</script>
</head>
<body>
<div style="text-align: center;">
</div>
</body>
</html>
分享到：
相关推荐
`Ext.util.Format`是ExtJS中一个非常实用的工具类，包含了一系列用于字符串、日期和数值等类型的数据格式化的静态方法。`Number()`方法是其中之一，专门用于处理和格式化数字。在实际开发中，我们经常需要将数字以...
标题中的"extjs-Ext.ux.form.LovCombo下拉框"表明我们要讨论的是EXTJS中的一个特定组件，它是EXTJS的扩展插件，用于实现具有多选功能的下拉框。这个组件在处理火狐浏览器兼容性问题上做了优化，解决了在火狐浏览器下...
Extjs-ExtDesigner-1.1.2+完全解密工具.part1.rar
总之，`Ext.TabPanel`是ExtJS框架中构建多标签界面的强大工具，通过灵活的配置和丰富的API，可以轻松地创建出功能丰富的用户界面。在实际开发中，结合其他ExtJS组件和布局，`TabPanel`能够帮助我们构建出高效、美观...
extjs-ux, EXT JS 4的一些插件和扩展 插件和 EXT JS 4扩展 Ext.ux. aceeditor.Panel 演示( 简单): 链接演示( 流 语法): 链接演示：链接论坛：链接 Ext.ux. grid.feature.Tileview 演示：链接
这个特定的压缩包"ExtJS-4.2.6扩展ux插件89个"包含了Ext JS 4.2.6版本的一个重要组件：ux（用户界面扩展）插件。这些插件提供了额外的功能和组件，增强了框架的原生能力，帮助开发者构建更复杂、功能更丰富的应用...
Extjs中实现国际化要用到的文件ext-lang-zh_CN.js和ext-lang-en.js
官方最新版本Extjs6.2版本sdk,创建新项目的时候需要用, 全面的核心框架，具有最新的Javascript标准支持 新的漂亮组件和主题，以创建漂亮的企业应用程序 现代工具链，用于构建优化，高性能，通用的应用程序 用于可视...
从spket IDE 官网下载。 文件名： ext-4.2.1.883.jsb2 对应版本ext-4.2.*版本。spket自动提示ExtJs4，需要ext4.2.1.jsp2文件。
extjs-basex.js extjs-basex.js extjs-basex.js
Extjs4.1多个扩展 1、Ext.ux.aceeditor.Panel 2、Ext.ux.grid.feature.Tileview 3、Ext.ux.upload.Button ...主页：https://github.com/harrydeluxe/extjs-ux 注明：在Extjs4.1上是可以使用的，Extjs4.2部分会有问题。
`extjs-basex.js`文件很可能是ExtJS库的一个部分，特别是针对BaseX扩展的功能。BaseX是一个高性能、XML数据库系统，常用于处理XML数据。在JavaScript环境中，BaseX的JavaScript接口允许开发者在Web应用中直接与BaseX...
NULL 博文链接：https://bw198605.iteye.com/blog/1590113
Extjs.util.Format是Extjs框架中用于格式化不同类型数据的工具集合，它包含了一系列静态方法来处理字符串、日期以及扩展函数操作。 首先，来看字符串处理方法： - capitalize(str)：此方法可以将传入的字符串首字母...
Ext JS 6最大的变化就是将Ext JS和Touch合并为一个单一的框架。之前的框架的核心（数据、控制器、模型等等）已被调和为一个单一的公共平台。这样，数据和逻辑就能共享，从而帮助开发人员进一步去优化他们的应用程序...
从ext官方论坛上下的。 文件名： ext-4.2.1.883.jsb2 对应版本ext-4.2.1.883
**ExtJS-3.4.0系列目录** 在ExtJS框架中，3.4.0版本提供了丰富的组件和功能，适合构建复杂的Web应用程序。以下是对标题和描述中提及的几个关键知识点的详细解释： 1. **Ext JS 下载及配置** 在开始使用Ext JS前，...
茉莉花节点jsdom-extjs-testing-tool 使用 jasmine-node 和 jsdom 的功能性前端 Ext.JS 测试自动化工具如果您已经安装了节点包模块（ ），安装将为您获取所需的库。Ext.JS 设置使用 Ext.JS 包并遵循 Sencha cmd 企业...
<script src="extjs/ext-all-debug.js"> ;width:320px;height:240px;border:1px solid #ccc;background:#ffc;padding:5px;line-height:25px;font-size:14px"> Ext.onReady(function() { Ext.Msg.show({ ...