ext的带复选框的表记录置灰 - ITeye问答

问答首页 → Web前端技术

0 0

ext的带复选框的表记录置灰5

我在项目里需要把表记录置灰,记录是带有复选框的记录.我在record和CheckboxSelectionModel里都没有找到相关的属性和方法.请问有什么办法能解决这个问题啊,谢谢了

2008年6月24日 19:50

godhunter
25
0 0 0

1个答案按时间排序按投票排序

0 0

这是CheckboxSelectionModel的源码

Ext.grid.CheckboxSelectionModel = Ext.extend(Ext.grid.RowSelectionModel, {
    ...
    // private
    onMouseDown : function(e, t){
        if(t.className == 'x-grid3-row-checker'){
            e.stopEvent();
            var row = e.getTarget('.x-grid3-row');
            if(row){
                var index = row.rowIndex;
                if(this.isSelected(index)){
                    this.deselectRow(index);
                }else{
                    this.selectRow(index, true);
                }
            }
        }
    },

    // private
    onHdMouseDown : function(e, t){
        if(t.className == 'x-grid3-hd-checker'){
            e.stopEvent();
            var hd = Ext.fly(t.parentNode);
            var isChecked = hd.hasClass('x-grid3-hd-checker-on');
            if(isChecked){
                hd.removeClass('x-grid3-hd-checker-on');
                this.clearSelections();
            }else{
                hd.addClass('x-grid3-hd-checker-on');
                this.selectAll();
            }
        }
    },

    // private
    renderer : function(v, p, record){
        return '<div class="x-grid3-row-checker">&#160;</div>';
    }
});

看上面的代码，CheckboxSelectionModel就是不支持Disabled操作
提供一下思路：继承CheckboxSelectionModel类，然后重写renderer方法，然后根据是否需要disabled设置div的class风格，比如，变灰，则设置class为x-grid3-row-checker-disabled，然后在CSS中添加x-grid3-row-checker-disabled定义，制作变灰的图片

2008年7月01日 17:18

aystnd
11
0 0 2

添加评论

相关推荐

Ext TreePanel Checked Ext复选框树: 在描述中提到的"Ext TreePanel Checked Ext复选框树"是指`TreePanel`的一种特殊形式，它扩展了基本的树视图，加入了复选框功能。复选框树（Checked Tree）允许用户通过复选框来选择或取消选择树结构中的节点。这种...

带复选框的下拉框: 总的来说，"带复选框的下拉框"是一个在Ext JS框架中实现的自定义组件，它提供了在下拉列表中选择多个选项的能力。通过解决不同版本的兼容性问题，这个组件可以在3.2至3.4版本的Ext JS中稳定工作。对于需要多选功能的...

解决Extjs当中复选框全选后，取消选中某一项，全选框仍是选中状态的问题: EXTJS的`Ext.selection.CheckboxModel`（或简写为`checkboxSelection`）提供了复选框选择模型，用于表格（grid）和其他组件，使得用户可以通过复选框进行多项选择。全选功能通常通过添加一个特殊的复选框来实现，该...

ext复选框的ColumnTree扩展包: "ext复选框的ColumnTree扩展包"是EXT框架的一个扩展，它为ColumnTree添加了复选框功能。这使得用户可以在树形结构中进行多选操作，极大地提高了交互性和数据处理效率。这个扩展包包括了所有必要的JavaScript和CSS...

带复选框的 ExtJs tree: ### 标签解读：“ext extjs tree 带复选框树” 标签再次强调了主题的核心：ExtJS框架、树形结构（Tree）、以及带复选框功能的树。这些标签有助于读者快速识别文章内容，同时也能提高搜索引擎的抓取效率，使更多有...

基于EXT2.2的下拉复选框: CSS（层叠样式表）用于定义网页元素的外观和布局，因此这个文件可能包含了调整下拉复选框的大小、颜色、边框、背景色、字体等样式的代码。开发者可能还为多选标志（如复选框图标）进行了特别设计，以确保与应用的...

ext4实现带复选框的多选下拉框: 标题提到的"ext4实现带复选框的多选下拉框"就是一个典型的例子，它涉及到前端开发中的组件设计与实现。这个功能在诸如数据过滤、选项配置等场景中非常常见。下面我们将详细讨论如何利用源码、工具来创建这样的功能。...

extjs带复选框的树包括全选反选子选父以及父选子: 当树形组件结合复选框时，可以实现用户对节点的选择操作，如全选、反选、子选父以及父选子。这些功能在数据管理、权限分配等场景中非常实用。首先，我们要理解ExtJS树形组件的基本构造。一个树形组件由节点（Nodes...

extjs4.1下拉复选框完整DEMO: 1. **创建下拉复选框组件**：使用`Ext.create`方法实例化`Ext.form.field.CheckboxGroup`，并配置相关属性，如字段名、列宽、布局等。 2. **配置store**：为下拉复选框关联一个`Ext.data.Store`，该store负责从...

javascript下拉多选框复选框: `ext-all.css`文件则是样式表，用于定义下拉多选框和复选框的外观。这可能包括字体、颜色、边框、尺寸等视觉效果，以及一些自定义的CSS类，比如选中状态的样式。通过CSS，我们可以使用户界面更加美观且易于使用。 `...

extjs3.X 带复选框的树: 此插件通常会扩展`Ext.tree.TreeNodeUI`类，添加额外的事件处理和样式，以便在节点上显示复选框，并处理与之相关的交互逻辑。 1. **复选框的显示与交互**：在`TreeCheckNodeUI.js`中，可能包含了复选框元素的创建和...

Extjs4.2带复选框下拉树组件: 网上搜索了许久未找到...Extjs4.2 带复选框的下拉树，解决了向下勾选子节点、向上勾选父节点，正选反选获取值等问题，勾选的节点显示displayfield值直接显示在下拉文本框中。需要引用ext-all.js和ext-all-neptune.css

TreePanel 带复选框的树: 这个"带复选框的树"是指在TreePanel中每个节点都带有可选中的复选框，用户可以通过这些复选框来选择或操作树形结构中的数据。这种设计通常用于权限管理、目录选择、层级关系配置等场景，使得用户能够直观地对多级...

extjs4带全选复选框的下列表（有bug）: 1、解压，进入extjs4.2.1\examples\form，浏览器打开 hbox-form.html 文件，当我勾选中任意一个多选下拉框，然后再勾选‘ALL’时，‘ALL’却是不被选中的状态，且输入框里没有值 2、下拉列表选择功能的js代码在下面...

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

Ext 带多选的Tree: "Ext 带多选的Tree"指的是在EXT JS的Tree组件中集成了多选功能，允许用户通过复选框来选择多个树节点，从而实现批量操作或者进行多级数据的选择。在EXT JS中，Tree组件通常是通过`Ext.tree.Panel`类创建的，它提供...

Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法: 然而，在某些业务场景中，可能需要根据数据行的特定条件来控制复选框的可选性，即某些行的复选框需要在特定条件下不可选。本文针对这一需求提供了两种解决方案。首先，我们可以通过`selModel`配置项中的`renderer`...

Ext表单组件之checkbox: Ext JS的复选框支持多种事件，如`change`（当值改变时触发）、`check`（当复选框被选中时触发）和`uncheck`（当复选框被取消选中时触发）。通过监听这些事件，可以实现与用户交互的逻辑： ```javascript ...

关于extjs treepanel复选框选中父节点与子节点的问题: 在本例中，我们关注的是如何实现一个带有复选框的TreePanel，以便在选中父节点时自动选中所有子节点，而只有当所有子节点都未被选中时，父节点才能被取消选中。首先，我们创建了一个新的Ext.tree.TreePanel实例，...

Ask-but

我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

查看全部排名>>

Global site tag (gtag.js) - Google Analytics