`
lmh2072005
  • 浏览: 114037 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

用checkbox代替Ext.grid.CheckboxSelectionModel()实现disabled

 
阅读更多

ext有Ext.grid.CheckboxSelectionModel() 可是却少了个disabled的属性  找了很多地方没找到合适的方法去解决  ,直接用checkbox代替

 

columns:[
                    {//列表 header 头信息 new Ext.grid.RowNumberer(),
                        header: '<input type="checkbox" onclick="selectAll(this)" name="selectAll" id="selectAll" style="width:13px; height:13px;"/>',
                        dataIndex: 'check',
                        width:30,
                        sortable: false,
                        renderer:function(v, cellmeta, record){
                            return record.get('Addr')!=''?'<input type="checkbox" onclick="selectSingle(this)" name="each" rel="each" style="width:13px; height:13px;"/>':'<input type="checkbox" disabled= "disabled" rel="each" style="width:13px; height:13px;"/> ';
                        }
                    }

]

 

 

 

selectAll = function(self){
            var checkEl = Ext.get('wrap').query("[rel='each']");
            for(var i = 0,j = checkEl.length; i < j;i++){
                if(checkEl[i].name == 'each'){
                    checkEl[i].checked = self.checked;
                    Ext.getCmp('invoice-Enroll').store.getAt(i).data.check = self.checked ? 1 : 0;
                }
            }
        }

分享到:
评论

相关推荐

    EXT.form组件

    2. `checkbox`:`Ext.form.Checkbox`是用于创建复选框的组件,用户可以选择或取消选择多个选项。 3. `combo`:`Ext.form.ComboBox`是下拉列表框组件,允许用户在预设的选项中进行选择,同时可以提供搜索功能以便...

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

    **2.5 Editor Grid Panel (Ext.grid.EditorGridPanel)** - **xtype**: `editorgrid` - **功能描述**:Editor Grid Panel 是一个支持行级编辑的网格面板。 - **主要用途**:适合于需要对表格中的数据进行编辑的场景...

    EXT核心API详解

    45、Ext.form.Field类 …………………… 41 46、Ext.form.Checkbox类 …………… 42 47、Ext.form.Radio类 ………………… 43 48、Ext.form.HtmlEditor类 …………… 43 49、Ext.form.TextField类 …………… 44 50...

    extjs 可编辑的表格树 Ext.tree.ColumnTree Ext.tree.ColumnTreeEditor

    extjs 可编辑的表格树,每个单元格自定义编辑组件,可以自适应列宽,只有源码与例子,运行实例要修改路径,不然图片不能显示,注意etree.jsp的js引入路径...支持Ext2.x以上版本 如运行不了EmailTo : codeme9@gmail.com

    Ext2.0框架的grid使用

    var sm = new Ext.grid.CheckboxSelectionModel(); ``` 2. **整合到ColumnModel**:将CheckBoxSelectionModel添加至ColumnModel中: ```javascript var cm = new Ext.grid.ColumnModel([ new Ext.grid....

    checkbox_tree.zip_tree

    在IT行业中,实现一个带有复选框(Checkbox)的树形结构是常见的需求,尤其是在构建用户界面或数据管理应用时。这个"checkbox_tree.zip_tree"的项目似乎专注于使用ExtJS库来创建这样的功能。ExtJS是一个强大的...

    ExtJS入门教程(超级详细)

    45、Ext.form.Field类 …………………… 41 46、Ext.form.Checkbox类 …………… 42 47、Ext.form.Radio类 ………………… 43 48、Ext.form.HtmlEditor类 …………… 43 49、Ext.form.TextField类 …………… 44 50...

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

    var sm = new Ext.grid.CheckboxSelectionModel(); // 更新ColumnModel var cm = new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(), // 自动行号 sm, // 添加CheckBox选择模型 { header: '编号', ...

    Ext2.0框架的Grid使用介绍

    var sm = new Ext.grid.CheckboxSelectionModel(); var cm = new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(), sm, {header: '编号', dataIndex: 'id'}, {header: '性别', dataIndex: 'sex'}, {...

    CheckBox的优化.rar

    总结来说,“CheckBox的优化.rar”项目提供了如何使用前端技术优化Checkbox的实例。它不仅展示了如何利用CSS进行界面美化,还展示了JavaScript如何增强Checkbox的交互性。对于想要提升网页交互体验的开发者而言,这...

    H5 jQuery多级复选框checkbox选中代码.zip

     all = $(this).find(":checkbox").not("[name='sales_group_id'],:disabled") ,  allChecked = $(this).find(":checked").not("[name='all-checked']") ,  thisAllCheckBtn = $(this).find(".all-checked ...

    Extjs Grid 用法 pdf版

    var sm = new Ext.grid.CheckboxSelectionModel(); // 定义 ColumnModel var cm = new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(), // 自动行号 sm, // 添加 CheckBox {header: '编号', dataIndex: 'id...

    Checkbox全选反选.html

    Checkbox全选反选.html

    extJs xtype 类型

    2. **`checkbox`:** 多选框组件,通过`Ext.form.Checkbox`类实现。 3. **`combo`:** 下拉框组件,用于创建下拉列表,通过`Ext.form.ComboBox`类实现。 4. **`datefield`:** 日期选择项组件,用于让用户选择日期,...

    EXT TREE 扩展CHECKBOX JS

    EXT TREE扩展CHECKBOX JS是一种在EXT JS框架下对树形组件(Tree Panel)进行增强,实现复选框功能的技术。EXT JS是一个强大的JavaScript GUI库,它提供了丰富的组件和功能,用于构建复杂的Web应用程序。在EXT JS中,...

    extjs帮助文档pdf版

    - `Ext.String.format()`: 使用占位符替换字符串中的值。 - `Ext.String.trim(string)`: 删除字符串两端的空白字符。 #### 5. Date 类 (P.5) - **概述**:提供了日期和时间相关的操作方法。 - **常用方法**: - ...

    DevExpress 实现checkbox全选效果.rar

    在本示例中,我们关注的是DevExpress中的Checkbox控件及其全选功能的实现。 全选功能在许多数据管理界面中都非常常见,它允许用户一键选择所有列出的项,极大提升了用户体验。在DevExpress中,我们可以利用`...

    第三方控件Coolite使用教程

    var sm = new Ext.grid.CheckboxSelectionModel(); var cm = new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(), sm, {header: '编号', dataIndex: 'id'}, {header: '性别', dataIndex: 'sex'}, {header...

    ExtJS 制作个性表格

    在本文中,我们将深入探讨如何使用Ext JS框架创建具有个性化的表格(Grid)界面。Ext JS是一个强大的JavaScript库,专为构建复杂的Web应用程序提供丰富的组件和API。在我们的示例中,我们将关注如何在表格中添加图片...

    Ext.form.FieldSet的用法.pdf

    `Ext.form.FieldSet` 是 `ExtJS` 框架中的一个组件,它主要用于组织和分组表单中的字段。FieldSet 提供了一种在界面上以可折叠或展开的方式展示一组相关输入字段的方式,有助于增强用户体验和界面的可读性。以下是对...

Global site tag (gtag.js) - Google Analytics