普通的CheckboxSelectionModel也可也锁定,但是在锁定的那边全选按钮不好用了
//var sm = new Ext.grid.CheckboxSelectionModel(); //可锁定复选框列 var smLock = new Ext.grid.CheckboxSelectionModel({ singleSelect : false, handleMouseDown : function(g, rowIndex, e) { if (e.button !== 0 || this.isLocked()) { return; } var view = this.grid.getView(); if (e.shiftKey && !this.singleSelect && this.last !== false) { var last = this.last; this.selectRange(last, rowIndex, e.ctrlKey); this.last = last; view.focusRow(rowIndex); } else { var isSelected = this.isSelected(rowIndex); if (isSelected) { this.deselectRow(rowIndex); } else if (!isSelected || this.getCount() > 1) { this.selectRow(rowIndex, true); view.focusRow(rowIndex); } } }, isLocked : Ext.emptyFn, initEvents : function() { Ext.grid.CheckboxSelectionModel.superclass.initEvents.call(this); this.grid.on('render', function() { var view = this.grid.getView(); view.mainBody.on('mousedown', this.onMouseDown, this); Ext.fly(view.lockedInnerHd).on('mousedown', this.onHdMouseDown, this); }, this); } }); //锁定 smLock.lock();
//cm.setLocked(1,true);
参考:
EXT3.4关于Grid锁定指定列固定多选框的实现
http://blog.csdn.net/maoxiao1229/article/details/22886817
列固定LockingColumnModel中复选框实现固定(lock)
http://hejianlong.123.blog.163.com/blog/static/26715839201111143924299/
相关推荐
- 如果需要在下拉列表中显示复选框,可以使用`checkboxSelectionModel`作为列表的`selModel`,并根据需要配置相关属性,如`showHeader`(是否显示列头,列头中包含复选框)。 5. **值的管理**: - `value`:多选...
2. **使用CheckboxSelectionModel**:这是另一种实现复选框选择的方式,通过实例化`Ext.grid.CheckboxSelectionModel`并将其添加到表格配置的`sm`属性中。这种模式支持多选,并且可以轻松地获取所有被选中的行记录。...
3. **列配置**:EXT JS的列配置允许设置列的显示方式,如模板列(TemplateColumn)可以自定义显示内容,检查列(CheckboxSelectionModel)用于复选选择,编辑列(Editing)支持单元格级别的编辑。 4. **功能扩展**...
`formatDate`函数用于格式化日期,`CheckboxSelectionModel`用于设置多选模式,而`CheckColumn`则用于创建包含复选框的列。 总之,Ext TreePanel和EditorGridPanel是Ext JS中处理树形数据和可编辑表格的强大工具,...
- **CheckboxSelectionModel**:创建一个复选框选择模型,允许用户多选行。 - **ColumnModel**:定义 Grid 的列模型,其中包括行号、选择复选框以及两列数据(`id` 和 `name`)。 #### 3. Grid 配置详解 让我们...
2. **CheckboxSelectionModel**:这是Grid组件的一个特殊选择模型,它会在每一行前面添加一个复选框,同时也提供了一个全选复选框在列头,用于全选和全取消选择。 3. **配置选择模型**:在创建Grid时,你可以通过`...
在Grid中集成CheckBox选择模型,可实现行项目的多选功能。具体操作如下: 1. **定义CheckBoxSelectionModel**:首先,创建一个CheckBoxSelectionModel实例: ```javascript var sm = new Ext.grid....
然而,原生的CheckboxSelectionModel并不支持级联选择,即选中父级复选框时,其子级复选框不会自动被选中。这在处理层级数据时可能会带来不便。 这篇名为"弥补ExtJs CheckboxSelectionModel不能级联的自定义控件"的...
#### 表格复选框默认选中的实现 利用`selModel`的`checked`属性,可以在初始化时指定哪些行默认被选中。 #### 表格顶端工具条 通过`dockedItems`配置,添加`Ext.toolbar.Toolbar`到表格顶部,可包含按钮、下拉框等...
var sm = new Ext.grid.CheckboxSelectionModel(); // 更新ColumnModel var cm = new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(), // 自动行号 sm, // 添加CheckBox选择模型 { header: '编号', ...
通过这种方式,用户可以通过复选框选择表格中的行,增强了交互性。 总的来说,Ext2.0以其强大的组件库、灵活的数据绑定机制和高度可定制性,极大地提升了Web开发的效率和用户体验。无论是简单的数据展示还是复杂的...
在ExtJs中,实现Grid的多选功能主要通过`CheckboxSelectionModel`来完成。下面将详细介绍如何设置并使用`CheckboxSelectionModel`实现Grid的多选功能。 #### 三、配置CheckboxSelectionModel 1. **创建Store**:...
- **CheckboxSelectionModel**: 允许用户在Grid中进行单选或多选操作。 - 示例代码: ```javascript var sm = new Ext.grid.CheckboxSelectionModel(); var cm = new Ext.grid.ColumnModel([ new Ext.grid....
这是一种特殊的选择模型,允许用户通过复选框选择行。它提供了一种方便的多选方式。 14. **Ext.grid.GridView**: GridView 是 GridPanel 的视图组件,控制着数据的渲染方式。`enableRowBody` 配置项允许包含行的...
而CheckboxSelectionModel允许用户在Grid中为每行添加一个复选框,实现多选功能。本文将详细介绍如何在ExtJS Grid中结合使用SimpleStore和CheckboxSelectionModel来实现多选框的功能。 首先,我们需要准备数据。...
`text`属性定义节点的显示文本,`leaf`属性表示该节点是否为叶子节点,`id`是节点的唯一标识,`href`和`hrefTarget`分别用于设置链接地址和打开方式,`draggable`决定节点是否可拖动,`checked`控制是否显示复选框,...
在上述代码中,CheckboxSelectionModel(sm)被添加到ColumnModel的第一个位置,使得每一行都有一个复选框供用户选择。最后,我们通过selModel配置项将sm设置为GridPanel的选择模型。 总结起来,Coolite的Ext2.0...
在这段代码中,我们定义了一个CheckboxSelectionModel来管理复选框选择模型,以及一个ColumnModel来配置列模型,包括编号、名称、性别以及描述等信息。这些列模型定义了表格的数据应该如何显示。 在性别这一列中,...
4. **CheckboxSelectionModel(sm)**:这是EXTJS中的选择模型,允许用户通过复选框选择行。 5. **ColumnModel(cm)**:定义了grid的列结构,包括列的ID、标题、数据源、是否可排序、宽度以及编辑器。编辑器使用了不同...
4. **CheckboxSelectionModel**: 支持多选功能的选择模型。 5. **打印逻辑**: - 使用 `ActiveXObject` 对象尝试创建 Excel 应用程序实例。这一步依赖于客户端是否安装了 Microsoft Office。 - 获取数据网格的列...