`

Ext移除元素的方法注意

    博客分类:
  • ext
阅读更多
核心:采用从n-1 到 0 递减遍历;
而不是采用从 0 到 n-1 递增遍历。

例子:
//【示例:】
	/**
	 * 移除反馈项*/
	function deleteNewFeedbackItem(){
        var io=Ext.getCmp('chekBoxesId');
        var i = io.items.length;
      // alert(i);
        //判断是否选中至少一个。
        var nullCountNum = 0;        
        for(var n=0;n<i;n++){
            if(!io.items.items[n].getValue()){
         	   nullCountNum ++;
            }
         }
        //如果一个都没选中,则返回。
        if(nullCountNum == i){ 
        	Ext.MessageBox.alert("提示:","请选择要删除的反馈项!");
        	return;
        }
      
        /**移除选中的项。
         * 方法:关于在一次选中多个的情况下,采用items[n]从n到0,递减遍历。
         * 说明:如果采用从0到n,递增遍历,则会报错。
         *      原因:由于items移除元素后,后面的元素会自动向前补齐,
         *      这样后面的被选中的元素的索引会-1,但本次循环中的迭代值+1,
         *      因此无法指向已经向前移动了的元素,从而导致被选中的元素不能
         *      被删除。而当迭代值继续增加时,会出现索引越界的错误。
         *      即使外层再套一层循环也无效,循环已中断。
         */
        for(var n=i-1;n>=0;n--){
           if(io.items.items[n].getValue()==true){
               io.remove(io.items.items[n]);
           }
         }
        io.doLayout();
	}


















--
分享到:
评论

相关推荐

    关于Ext中form移除textfield方法:hide(),setVisible(false),remove()

    需要注意的是,一旦使用`remove()`移除了组件,如果之后又需要显示该组件,需要重新添加它,因为此时组件已经从form的结构中消失。在某些情况下,如果只是暂时隐藏组件,使用`hide()`或`setVisible(false)`可能更为...

    Ext Composite 应用注意

    `Ext.CompositeElement`用于管理DOM元素,而`Ext.CompositeComponent`则针对Ext JS的组件。两者都提供了一组方法,如`add()`, `remove()`, `invoke()`等,方便对组件集合进行操作。 2. **添加和移除组件** 当我们...

    Ext Js权威指南(.zip.001

    9.2.2 ext.container.abstractcontainer和ext.container.container的配置项、属性、方法和事件 / 434 9.2.3 将body元素作为容器:ext.container.viewport / 435 9.3 面板 / 436 9.3.1 面板的结构 / 436 9.3.2 ...

    Ext2.0 12个主题包

    1. **主题(Theme)**:在Ext2.0中,主题是决定应用程序视觉风格的关键元素,包括颜色、字体、布局等。通过更换主题,开发者可以快速改变应用的整体外观,以适应不同的品牌需求或用户偏好。这12个主题包可能包含了...

    Ext2.1中文文档

    EXTJS提供了多种方法来获取多个DOM节点,例如`Ext.get()`函数可以获取单个元素,而`Ext.select()`则可以一次性选取一组元素。这些功能使得EXTJS在处理DOM操作时更加高效和便捷。 响应事件是EXTJS中的关键特性之一,...

    jQuery 布局(样式仿EXT)

    在jQuery中,可以使用`.show()`, `.hide()`, `.fadeIn()`, `.fadeOut()`等方法控制元素的可见性,结合CSS定位实现弹出窗口的动态显示。此外,还可以使用插件如jQuery UI的Dialog或者Bootstrap的Modal来快速构建功能...

    Ext.Net.Utilities

    2. **DOM操作**:可能包含一些方便的DOM操作函数,如选择元素、添加/删除属性、插入/移除节点等,这些在处理动态HTML时非常有用。 3. **数据转换**:可能包括将服务器端数据转换为适合Ext.NET组件的数据格式,如...

    Ext布局类的介绍与使用

    如`add`方法用于向指定区域添加面板,`remove`方法则用于移除面板。`beginUpdate`和`endUpdate`用于在需要大量修改布局时暂停和恢复自动布局更新,以提高性能。此外,`getRegion`方法可以获取指定区域的引用,而`...

    ext内存泄露的两个补兵

    3. DOM元素:EXT生成了大量的DOM元素来构建UI,这些元素如果与JavaScript对象绑定,即使元素从DOM树中移除,其引用仍然存在,从而导致内存无法释放。 4. 外部资源引用:EXT可能会加载外部资源,如图片、CSS等,如果...

    Ext与后台数据库交互

    `Ext.form.FormPanel`是Ext框架中用于处理表单的主要组件之一,它提供了一系列的方法来管理和提交表单数据。 - **submit方法**:`FormPanel.getForm().submit()`方法用于提交当前表单。该方法支持传递一些参数,如`...

    Ext Core Manual

    值得注意的是,Ext Core不包含任何CSS文件,因此无需额外引入。 #### 三、简单示例 在网页中引入Ext Core后,可以通过以下示例代码检查是否一切正常: ```javascript Ext.onReady(function() { // 创建一个带有...

    Ext Core手册

    - **创建实例**:通过 `Ext.get()` 方法获取指定元素的 `Ext.Element` 实例。 ```javascript var el = Ext.get('myElementId'); ``` - **方法分类**: - **CSS 和样式**:如 `setStyle`, `addClass` 等,用于...

    Ext js2.1 最新资料汇总

    此方法尝试销毁传入的每个对象,包括移除 DOM 节点、事件监听器,并调用它们的 `destroy` 方法(如果存在)。 **示例代码:** ```javascript var element = document.getElementById('some-element'); destroy...

    Ext增删改查和excel导出

    它提供了一整套组件化的用户界面元素和丰富的交互功能,广泛应用于企业级的后台管理系统。在"Ext增删改查和excel导出"这个主题中,我们将探讨如何在ExtJS应用中实现数据的CRUD操作(创建、读取、更新、删除)以及...

    JS注册/移除事件处理程序(ExtJS应用程序设计实战)

    例如,给定一个HTML元素,如一个,并希望在其被点击时能够触发一个动作,我们首先需要获取该元素对应的Ext.Element实例,即通过Ext.get('元素ID')方法。然后,定义一个事件处理函数,该函数将定义当事件发生时应该...

    关于extjs中tabPanl关闭后的内存释放

    `直接从DOM树中移除与该TabPanel关联的元素,这是释放内存的第一步。 2. **清空引用**:将`getTabPage`和`tabPage`设置为`null`,断开对象间的所有引用链接,避免形成循环引用,阻碍垃圾回收机制的工作。 3. **强制...

    ExtJs xtype一览

    值得注意的是,在2.2版本中引入,但在3.0版本中被移除。 - **`colorpalette` (Ext.ColorPalette)**: 调色板组件,允许用户选择颜色。 - **`datepicker` (Ext.DatePicker)**: 日期选择面板组件,提供了一个友好的界面...

    学习ExtJS Panel常用方法

    ### ExtJS Panel 常用方法详解 #### 一、属性介绍 在开始探讨 ExtJS Panel 的常用方法之前,我们先来...需要注意的是,在实际开发过程中,还需要根据项目需求选择合适的 xtype 和方法组合,以实现最佳的用户体验。

Global site tag (gtag.js) - Google Analytics