`
wmj007
  • 浏览: 16854 次
  • 性别: Icon_minigender_1
  • 来自: 兰州
社区版块
存档分类

关于解决CheckboxSelectionModel全选不同步的问题

阅读更多
今天遇到的这问题,根据网络上的参考,自己整理了一下,希望对大家有帮助,自己也备忘一下!相关参考来自http://wv1124.iteye.com/blog/493298
http://wv19831124.blog.163.com/blog/static/59950007200972071337365/

var sm = new Ext.grid.CheckboxSelectionModel({
	checkOnly:true,
	dataIndex:'post_id',
	listeners:{
		selectionchange:function(s){
			 var selectedCount = s.getCount();  
			 //这里用的是store的getCount()方法,并不是getTotalCount()
			 if(selectedCount != p_grid.getStore().getCount()){			 	
			 	 p_grid.getEl().select('div.x-grid3-hd-checker').removeClass('x-grid3-hd-checker-on'); 
			 }else{
			 	p_grid.getEl().select('div.x-grid3-hd-checker').addClass('x-grid3-hd-checker-on');
			 }
			 
		}
	}	
});
分享到:
评论

相关推荐

    Extjs全选去掉

    以下是关于在ExtJS中处理这一问题的一些关键知识点: 1. **Grid组件**:ExtJS中的Grid组件是用于展示数据的表格控件,它支持分页、排序、过滤、编辑等功能,并且可以配置多选模式。 2. **CheckboxSelectionModel**...

    弥补ExtJs CheckboxSelectionModel不能级联的自定义控件

    这篇名为"弥补ExtJs CheckboxSelectionModel不能级联的自定义控件"的博客文章,显然是为了解决这个问题,提供了一个自定义的解决方案。作者Brooke在ITEYE博客上分享了这个方法,帮助开发者实现级联选择的功能。虽然...

    EXT学习心得,ext

    ### EXT学习心得与关键知识点详解 #### 布局Center的重要性 在EXT框架中,`layout: 'center'`是一个非常关键的配置属性...无论是布局管理、数据网格操作、下拉框事件还是表单验证,EXT都提供了灵活而强大的解决方案。

    Extjs EditorGridPanel中ComboBox列的显示问题

    为了解决这个问题,我们需要在ColumnModel中对包含ComboBox的列使用`renderer`属性来自定义单元格的渲染方式。 以下是一个示例代码片段,展示了如何解决这个问题: ```javascript // 部门列表的store var ...

    ExtJs grid多选时获取选中的所有值

    在ExtJs中,实现Grid的多选功能主要通过`CheckboxSelectionModel`来完成。下面将详细介绍如何设置并使用`CheckboxSelectionModel`实现Grid的多选功能。 #### 三、配置CheckboxSelectionModel 1. **创建Store**:...

    Ext2.0框架的grid使用

    1. **定义CheckBoxSelectionModel**:首先,创建一个CheckBoxSelectionModel实例: ```javascript var sm = new Ext.grid.CheckboxSelectionModel(); ``` 2. **整合到ColumnModel**:将CheckBoxSelectionModel...

    再谈Selenium测试之精要.docx

    本文主要探讨了在使用Selenium与Ext Designer相结合进行ExtJs测试时遇到的问题及解决方案。 首先,当我们使用Selenium进行录制时,有时会发现元素的ID是动态变化的,这给定位和操作带来困难。为了解决这个问题,...

    Ext框架的Grid使用介绍

    3. **列配置**:EXT JS的列配置允许设置列的显示方式,如模板列(TemplateColumn)可以自定义显示内容,检查列(CheckboxSelectionModel)用于复选选择,编辑列(Editing)支持单元格级别的编辑。 4. **功能扩展**...

    Ext TreePanel

    5. **CheckboxSelectionModel**:允许用户通过复选框选择多个行,可以设置为只检查不选择(checkOnly: true)。 6. **CheckColumn**:用于创建包含复选框的列,可以用于选择或标记树的节点。 7. **Editor**:在`...

    ExtJS Grid使用SimpleStore、多选框的方法

    SimpleStore是ExtJS中用于存储数据的简单内存数据存储方式,适用于数据量不大且不需要远程加载的场景。而CheckboxSelectionModel允许用户在Grid中为每行添加一个复选框,实现多选功能。本文将详细介绍如何在ExtJS ...

    第三方控件Coolite使用教程

    在本文中,我们将深入探讨如何使用第三方控件Coolite,特别是关于Ext2.0框架的Grid控件。Ext2.0是一个JavaScript库,它提供了强大的数据展示能力,支持多种数据格式,如二维数组、JSON、XML,以及自定义数据类型。...

    Grid得到选择行数据的方法总结

    //得到选择所有行 //注:如果不声明var sm = new Ext.grid.CheckboxSelectionModel();则会报此句没有该对象或属性 Var selectRows = grid.getSelectionModel().getSelections(); selectRows[0].get(“gird中某列的...

    Extjs Grid 用法 pdf版

    通过使用 `CheckboxSelectionModel`,可以轻松地在 Grid 中添加 CheckBox。 **示例代码**: ```javascript // 创建 CheckboxSelectionModel var sm = new Ext.grid.CheckboxSelectionModel(); // 定义 ...

    grid js 例子一个 ext 的

    根据给定的信息,我们可以推断出这是一篇关于如何使用 Ext JS 框架中的 Grid 组件的文章。Ext JS 是一款基于 JavaScript 的前端框架,它提供了丰富的用户界面组件,包括表格(Grid)。以下是对该文章内容的详细解读...

    asp.net coolite 删除时弹出确定按钮

    为了解决这个问题,我们可以自定义一个方法来处理确认过程。 在界面上,我们可以创建一个按钮,如以下所示: ```html 删除"> ()" /> ``` 这里,`btnDel`按钮在被点击时会调用`CompanyUser`页面的`DoConfirm...

    extjs打印功能

    1. **兼容性问题**:使用 `ActiveXObject` 在现代浏览器中可能不被支持,需要考虑其他方案。 2. **安全性考虑**:直接操作客户端的应用程序可能会受到浏览器安全策略的影响。 3. **用户体验**:确保用户在使用打印...

    汇总Extjs中GridPanel的各个属性与方法.doc.docx

    `store` 负责加载、缓存和处理数据,并与 GridPanel 进行同步。 2. **getColumnModel()**: 这个方法用于获取 GridPanel 的列模型(ColumnModel)。列模型定义了每一列的属性,如宽度、标题、对齐方式等。通过 ...

    combobox Ext之扩展组件多选下拉框

    - 如果需要在下拉列表中显示复选框,可以使用`checkboxSelectionModel`作为列表的`selModel`,并根据需要配置相关属性,如`showHeader`(是否显示列头,列头中包含复选框)。 5. **值的管理**: - `value`:多选...

    JSP+EXt2.0实现分页的方法

    var sm = new Ext.grid.CheckboxSelectionModel(); var cm = new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(), sm, {header:'编号',dataIndex:'id',sortable:true}, {header:'名称',dataIndex:'name',...

    Ext2.0示例讲解

    扩展到更复杂的需求,例如在表格中添加CheckBox选中功能,可以创建一个CheckboxSelectionModel并将其添加到ColumnModel中: ```javascript var sm = new Ext.grid.CheckboxSelectionModel(); var cm = new Ext.grid...

Global site tag (gtag.js) - Google Analytics