`

ExtJS 遍历集合

 
阅读更多
<script type="text/javascript">
Ext.onReady(function() {
var panel = new Ext.Panel({
title : '集合调用Ext.each的处理',
renderTo : Ext.getBody(),
width : '280px',
html : "<div style='height:160px'></div>"
});
/**
遍历集合
*/
var array = [], i;//定义一个集合
for (i = 0; i < 10; i++) {//为集合添加元素
Ext.Msg.alert('','pushs');
array.push(i);
}
function fn(item, index, allItems) {//对集合元素追加字符串处理
if (item > 5) {
return false;
} else {
allItems[index] = item + "_st";
}
}
function fn1(item, index, allItems) {//打印集合处理函数、
if (index > 0)
return false;

Ext.Msg.alert('最后结果', "<div style='width:160px'>最后集合为:"
+ allItems + "</div>");
}
Ext.each(array, fn);
Ext.each(array, fn1);
});
</script>
分享到:
评论

相关推荐

    EXTJS记事本 当CompositeField遇上RowEditor

    需要注意的是,RowEditor的items属性并非数组,而是对象,所以需要通过items.items[0]来访问CompositeField,然后通过CompositeField的items集合访问并初始化子组件。 对于最后一个Combobox,其数据依赖于前两个...

    Extjs4.0学习指南(中文)

    - **遍历元素集合**: 使用 `each()` 方法遍历获取的元素。 - **批量操作**: 直接在 `Ext.select()` 返回的对象上执行操作,如 `ps.highlight();` **3.3 事件响应** - **绑定事件**: 绑定事件监听器到特定元素,如...

    extjs官方中文教程

    EXTJS 提供了选择和操作DOM节点的方法,例如`Ext.select()`函数,可以用来选取符合CSS选择器的元素集合。这些方法不仅提高了效率,还简化了代码,避免了原生JavaScript中繁琐的DOM遍历。 响应事件: EXTJS 对事件...

    Extjs 无限树菜单 后台拼接json

    - 在服务器端(例如Java的`TreeAction.java`),我们需要遍历数据库或其他数据源,生成符合树结构的JSON对象。这通常涉及递归调用,因为每个节点可能有无限数量的子节点。JSON结构通常包含节点ID、文本、父节点ID...

    extjs 总结

    - `attributes`: 节点的属性集合,可以包含任何与该节点相关的数据。 - `parentNode`: 节点的父节点对象。 - `childNodes`: 子节点数组,包含了当前节点的所有子节点。 - `firstChild`: 第一个子节点,如果不...

    EXTJS checkbox赋值

    2. 然后再次遍历复选框,检查`val`(预期的选中值集合)是否包含当前复选框的`inputValue`。如果包含,说明这个复选框应该被选中,所以设置它的值为`true`;如果不包含,那么保持`false`,表示不选中。 通过这样的...

    Extjs4学习指南

    - **遍历元素集合** 对获取的元素进行操作,例如高亮显示: ```javascript ps.each(function (el) { el.highlight(); }); ``` - **批量操作** 直接对复合元素对象应用操作: ```javascript ps.highlight()...

    Extjs结合Asp.net文件上传

    - 服务器端:在ASP.NET中,C#代码会接收到请求,通过`Request.Files`集合获取上传的文件,然后可以保存到服务器的特定位置或者数据库。 4. **安全考虑**: - 需要限制文件大小和类型,防止DoS攻击和恶意文件上传...

    ExtJS Web应用程序开发指南

    4. **循环结构**:可以使用`#each`循环遍历数组或对象集合。 5. **函数调用**:可以直接在模板中调用JavaScript函数,处理数据或执行计算。 6. **模板方法**:如`stripTags`和`capitalize`等,可以对数据进行预处理...

    浅谈JavaScript 库———jQuery, ExtJs 的对比研究

    **JavaScript库**,也被称作JavaScript框架,是指一系列现成的JavaScript代码集合,它们通常包含各种工具、函数库和通用模块,旨在简化Web开发过程中的常见任务,提高开发效率。这些库大多是由开源社区开发并维护的...

    extjs TreePanel

    - **attributes**: 节点的属性集合,包含额外的数据信息。 - **parentNode**: 父节点对象。 - **childNodes**: 子节点数组。 - **firstChild**: 第一个子节点。 - **lastChild**: 最后一个子节点。 - **...

    老师整理的extjs学习笔记

    例如,它可以用于遍历数组或对象,并根据条件生成不同的 HTML 内容。 #### 三、Event、Component and Container **3.1 组件的祖先 Observable 实现了对事件的管理** ExtJS 中的所有组件都继承自 `Ext.Component` ...

    extjs+struts2的一个套路模式

    `photos.jsp`页面通过Struts2的标签库(`&lt;s:&gt;`)遍历`photos`集合,将每张照片的信息(如id、filename、userId、albumId)转换为JSON格式。通过这种方式,JSP生成了一组JSON对象,如`[{id:1,name:'pic1'}, {id:2,...

    extjs 2.2.1 + mysql 5.x + jdk 5.0

    4. **变量赋值增强**:允许使用for-each循环遍历数组和集合,代码更简洁。 5. **静态导入**:可以直接使用类中的静态成员,而不需要类名前缀。 在这个项目中,开发者可能使用ExtJS 2.2.1 创建前端界面,通过AJAX与...

    ExtJS中文API

    - `each`: 这个方法用于遍历数组、NodeList或混合类型的数组,对每个元素执行指定的函数。这对于处理集合数据非常有用。 2. **对象操作**: - `apply`: 此方法从`config`对象中复制所有属性到`obj`,如果提供`...

    EsayUI、Jquery、ExtJS等JS库中所用图标及界面图标选择功能

    5. `IconsExtension`:这可能是一个包含更多图标的资源文件,例如一个图片文件夹或SVG图标集合。 通过结合这些文件,开发者可以创建一个图标选择器,允许用户在多种图标中进行选择,然后将选定的图标应用到页面的...

    EXTjs4.0的store的findRecord的BUG演示代码

    它通过遍历数据集合中的每个记录,并使用过滤函数来测试每个记录,如果过滤函数返回true,则表示找到符合条件的记录,函数将返回当前记录的索引。 最后,我们来看value.test(r.data[property])这个判断。这个判断是...

    Extjs3.0 checkboxGroup 动态添加item实现思路

    CheckboxGroup允许用户在一个组合框内选择多个选项,与单选按钮组RadioGroup相反,它是多个复选框的集合。然而,与普通的Ext.form.Field组件不同,CheckboxGroup实际上是一个容器形式的组件,它继承自Ext.form.Field...

    学习ExtJS 访问容器对象

    2. `items`:这是一个包含容器内所有子组件的数组或集合。你可以通过这个属性访问、添加或删除容器中的组件。`items`通常包含了子组件的配置对象,包括`xtype`(组件类型)、`id`(组件ID)和其他配置项。 二、应用...

Global site tag (gtag.js) - Google Analytics