`
lw671579557
  • 浏览: 104634 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
社区版块
存档分类
最新评论

Ext GridPanel多选问题

EXT 
阅读更多

//自动判断是否全选并选中或不选中表头的checkbox
function autoCheckGridHead(){
var hd_checker = grid.getEl().select('div.x-grid3-hd-checker'); //CompositeElementLite/CompositeElement
    var hd = hd_checker.first(); //呵呵,终于搞定了,这句测了好久,才找对对象;
    if(hd != null){ 
    if(grid.getSelectionModel().getSelections().length != grid.getStore().getCount()){    //没有全选的话
                //清空表格头的checkBox  
                if(hd.hasClass('x-grid3-hd-checker-on')){
                hd.removeClass('x-grid3-hd-checker-on');     //x-grid3-hd-checker-on
                //grid.getSelectionModel().clearSelections();
            }
            }else{
            if(grid.getStore().getCount() == 0){ //没有记录的话清空;
            return;
            }
            hd.addClass('x-grid3-hd-checker-on');
                grid.getSelectionModel().selectAll();
            }
        }
}

 

1
0
分享到:
评论

相关推荐

    EXT GridPanel获取某一单元格的值

    ` 通过组件ID获取GridPanel的选择模型(SelectionModel),这通常用于多选或单选的场景。 11. `var record = selectionModel.getSelected();` 从选择模型中获取当前选中的Record。如果用户未选择任何行,`get...

    ExtJS 表格面板GridPanel完整例子

    ExtJS表格面板(GridPanel)是Sencha Ext JS框架中的一个核心组件,它用于展示大量结构化数据。在本文中,我们将深入探讨如何创建并使用一个完整的ExtJS GridPanel实例,以及与其相关的源码和工具。 首先,让我们...

    Ext.net实现GridPanel拖动行、上移下移排序功能DEMO

    对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...

    JavaScript的Ext JS框架中的GridPanel组件使用指南

    JavaScript的Ext JS框架中的GridPanel组件是一个强大的表格展示和管理工具,它允许开发者高效地处理大量数据,并提供了诸如数据排序、分组、编辑等多种功能。GridPanel与TreePanel虽然都有表格展示的功能,但...

    Ext中grid多行数据全部删除

    ### Ext中grid多行数据全部删除 在前端开发过程中,我们经常会遇到需要处理表格数据的情况。其中,ExtJS是一个非常强大的JavaScript框架,它提供了一系列工具和组件来帮助开发者快速构建复杂的用户界面。本文将详细...

    Ext组件描述,各个组件含义

    **2.6 Grid Panel (Ext.grid.GridPanel)** - **xtype**: `grid` - **功能描述**:Grid Panel 是一个用于展示表格数据的组件。 - **主要用途**:展示结构化数据,支持排序、过滤等功能。 **2.7 Paging Toolbar (Ext...

    找到的ExtJS实现多选下拉框3个代码

    本文将深入探讨如何在ExtJS中实现多选下拉框功能,这在数据输入和选择场景中非常常见。我们将基于标题中的“3个代码”来讲解不同的实现方法,并结合提供的资源`demo`进行说明。 1. **ExtJS的MultiSelect ComboBox**...

    Extjs4 GridPanel 的几种样式使用介绍

    在本文中,我们将深入探讨ExtJS4中的GridPanel样式及其选择模式。GridPanel是ExtJS框架中用于展示数据的一种重要组件,它允许用户以表格形式查看、操作和管理大量信息。 首先,我们来看一个简单的GridPanel示例。在...

    Ext2[1].0框架的Grid使用介绍

    var grid = new Ext.grid.GridPanel({ el: 'grid', // 指定容器ID ds: ds, // 绑定数据源 cm: cm // 绑定列模型 }); // 渲染Grid grid.render(); ``` 以上步骤完成了Grid的创建和数据展示。 #### 四、在表格中...

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

    var gridFatList = new Ext.grid.GridPanel({ el: 'noAuditUsers', store: storeFatList, frame: true, width: 685, height: 400, title: '未审核用户', collapsible: true, cm: cmFatList, sm: sm, // ...

    Ext2.0框架的grid使用

    var grid = new Ext.grid.GridPanel({ el: 'grid', ds: ds, cm: cm }); grid.render(); ``` #### 高级特性:添加CheckBox 在Grid中集成CheckBox选择模型,可实现行项目的多选功能。具体操作如下: 1. **...

    ext多文件上传

    multiple: true, // 允许多选 buttonText: '浏览...' }] }); ``` 当用户选择好文件后,我们通常会使用AJAX异步提交这些文件。EXTJS的`Ext.Ajax.request`方法可以用于发送HTTP请求。在上传过程中,我们需要使用`...

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

    GridPanel 的数据源是通过 `store` 配置项指定的,它可以是 `Ext.data.Store` 对象,用于存储和管理数据记录。`store` 负责加载、缓存和处理数据,并与 GridPanel 进行同步。 2. **getColumnModel()**: 这个方法...

    Ext实现分页查询,前台

    `selModel`设置了行选择模型,允许用户多选或单选记录。 总结来说,这个示例展示了如何使用Ext.js实现前端的分页查询功能。核心步骤包括: 1. 创建`Store`对象,定义数据源、字段映射和数据读取器。 2. 添加事件...

    解决ext下拉列表全选和去全选功能

    EXTJS的`GridPanel`提供了`selModel`属性来管理选择,你可以通过`selModel.selectAll()`和`selModel.deselectAll()`方法来实现全选和去全选。 标签中的“源码”意味着你需要理解EXTJS的底层工作原理,而“工具”则...

    无废话ExtJs 系统教程十四[列表:GridPanel]

    例如,通过添加插件可以实现行选择模式(单选或多选)、分页栏(Pagination Toolbar)、工具栏(Toolbar)以添加自定义按钮,甚至编辑功能(Inline或Cell Editing)。另外,GridPanel可以与TreePanel结合,形成一个...

    Ext2.0框架的Grid使用介绍

    Grid的核心在于`Ext.grid.GridPanel`类及其相关的配置项。 ##### 1. ColumnModel的定义 - **ColumnModel**:用于定义Grid的列布局,指定每一列的标题、数据索引和其他属性。 - 示例代码: ```javascript var cm...

Global site tag (gtag.js) - Google Analytics