`
happyqing
  • 浏览: 3184928 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ext,锁定(冻结)复选框列(CheckboxSelectionModel),可多选

    博客分类:
  • Ext
阅读更多

 

 普通的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/

 

分享到:
评论

相关推荐

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

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

    EXT学习心得,ext

    2. **使用CheckboxSelectionModel**:这是另一种实现复选框选择的方式,通过实例化`Ext.grid.CheckboxSelectionModel`并将其添加到表格配置的`sm`属性中。这种模式支持多选,并且可以轻松地获取所有被选中的行记录。...

    Ext框架的Grid使用介绍

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

    grid js 例子一个 ext 的

    - **CheckboxSelectionModel**:创建一个复选框选择模型,允许用户多选行。 - **ColumnModel**:定义 Grid 的列模型,其中包括行号、选择复选框以及两列数据(`id` 和 `name`)。 #### 3. Grid 配置详解 让我们...

    Extjs全选去掉

    2. **CheckboxSelectionModel**:这是Grid组件的一个特殊选择模型,它会在每一行前面添加一个复选框,同时也提供了一个全选复选框在列头,用于全选和全取消选择。 3. **配置选择模型**:在创建Grid时,你可以通过`...

    Ext2.0框架的grid使用

    在Grid中集成CheckBox选择模型,可实现行项目的多选功能。具体操作如下: 1. **定义CheckBoxSelectionModel**:首先,创建一个CheckBoxSelectionModel实例: ```javascript var sm = new Ext.grid....

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

    然而,原生的CheckboxSelectionModel并不支持级联选择,即选中父级复选框时,其子级复选框不会自动被选中。这在处理层级数据时可能会带来不便。 这篇名为"弥补ExtJs CheckboxSelectionModel不能级联的自定义控件"的...

    Ext常用功能开发总结

    #### 表格复选框默认选中的实现 利用`selModel`的`checked`属性,可以在初始化时指定哪些行默认被选中。 #### 表格顶端工具条 通过`dockedItems`配置,添加`Ext.toolbar.Toolbar`到表格顶部,可包含按钮、下拉框等...

    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示例讲解

    通过这种方式,用户可以通过复选框选择表格中的行,增强了交互性。 总的来说,Ext2.0以其强大的组件库、灵活的数据绑定机制和高度可定制性,极大地提升了Web开发的效率和用户体验。无论是简单的数据展示还是复杂的...

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

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

    Ext2.0框架的Grid使用介绍

    - **CheckboxSelectionModel**: 允许用户在Grid中进行单选或多选操作。 - 示例代码: ```javascript var sm = new Ext.grid.CheckboxSelectionModel(); var cm = new Ext.grid.ColumnModel([ new Ext.grid....

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

    这是一种特殊的选择模型,允许用户通过复选框选择行。它提供了一种方便的多选方式。 14. **Ext.grid.GridView**: GridView 是 GridPanel 的视图组件,控制着数据的渲染方式。`enableRowBody` 配置项允许包含行的...

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

    而CheckboxSelectionModel允许用户在Grid中为每行添加一个复选框,实现多选功能。本文将详细介绍如何在ExtJS Grid中结合使用SimpleStore和CheckboxSelectionModel来实现多选框的功能。 首先,我们需要准备数据。...

    Extjs树菜单的构成

    `text`属性定义节点的显示文本,`leaf`属性表示该节点是否为叶子节点,`id`是节点的唯一标识,`href`和`hrefTarget`分别用于设置链接地址和打开方式,`draggable`决定节点是否可拖动,`checked`控制是否显示复选框,...

    第三方控件Coolite使用教程

    在上述代码中,CheckboxSelectionModel(sm)被添加到ColumnModel的第一个位置,使得每一行都有一个复选框供用户选择。最后,我们通过selModel配置项将sm设置为GridPanel的选择模型。 总结起来,Coolite的Ext2.0...

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

    在这段代码中,我们定义了一个CheckboxSelectionModel来管理复选框选择模型,以及一个ColumnModel来配置列模型,包括编号、名称、性别以及描述等信息。这些列模型定义了表格的数据应该如何显示。 在性别这一列中,...

    ext 代码生成器

    4. **CheckboxSelectionModel(sm)**:这是EXTJS中的选择模型,允许用户通过复选框选择行。 5. **ColumnModel(cm)**:定义了grid的列结构,包括列的ID、标题、数据源、是否可排序、宽度以及编辑器。编辑器使用了不同...

    extjs打印功能

    4. **CheckboxSelectionModel**: 支持多选功能的选择模型。 5. **打印逻辑**: - 使用 `ActiveXObject` 对象尝试创建 Excel 应用程序实例。这一步依赖于客户端是否安装了 Microsoft Office。 - 获取数据网格的列...

Global site tag (gtag.js) - Google Analytics