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

grid checkbox 多选问题.. (更改为 点击条目 实现多选 )

EXT 
阅读更多
1. 覆盖原方法
Ext.override(Ext.grid.CheckboxSelectionModel, {
		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; // reset the 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);
				}
			}
		}
	});


2. 使用创建 子对象的方式 :  (不会影响 原来的定义)
Ext.namespace('Ext.xz');     
	      
	Ext.xz.CheckboxSelectionModel =function(config)     
	{     
	    Ext.xz.CheckboxSelectionModel.superclass.constructor.call(this,config);     
	    this.group = config.group;     
	    this.value=config.value;     
	};     
	
	// 实现点击内容可多选
	Ext.extend(Ext.xz.CheckboxSelectionModel, Ext.grid.CheckboxSelectionModel,{
		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; // reset the 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);
				}
			}
		}
	});

分享到:
评论

相关推荐

    ListVIew 实现Checkbox多选

    当用户需要在列表项中进行多选操作时,通常会结合Checkbox来实现。本文将深入探讨如何在ListView中实现Checkbox多选功能,以及相关的Android编程技巧。 首先,我们需要创建一个自定义的ListView adapter。这个...

    WPF CheckBox多选的应用

    本篇文章将详细探讨WPF中CheckBox多选的应用,以及如何实现这一功能。 首先,我们需要了解WPF中的CheckBox基本属性和事件。CheckBox的IsChecked属性表示其当前是否被选中,这是一个布尔类型的依赖属性。当选中时,...

    10 - JS 实现 Checkbox 中按住 Shift 的多选功能.rar

    在JavaScript编程中,实现Checkbox(复选框)的多选功能通常涉及到用户交互和数组操作。这个主题,"10 - JS 实现 Checkbox 中按住 Shift 的多选功能",聚焦于通过按下Shift键实现连续选择多个Checkbox的功能,这在...

    CheckBox实现多选、全选、反选功能

    本教程将深入探讨如何使用CheckBox实现多选、全选和反选功能,这对于构建具有选择列表的应用非常关键。 首先,我们从基础开始。CheckBox的用法很简单,通常在XML布局文件中定义: ```xml <CheckBox android:id="@...

    CheckBox多选功能的实现

    这篇内容将深入讲解如何在ListView中集成CheckBox,实现多选功能。 首先,我们要了解ListView的基本概念。ListView是一种可以显示大量数据并支持滚动的视图,常用于展示列表形式的数据。它通过Adapter来绑定数据源...

    listview+checkbox 多选

    这可以通过修改自定义适配器中的getView()方法实现,当点击已选中的条目时,反选对应的Checkbox。 ```java @Override public View getView(int position, View convertView, ViewGroup parent) { ... viewHolder....

    angularjs实现的checkbox多选、全选、反选

    在本文中,我们将深入探讨如何使用AngularJS实现一个功能完备的复选框(checkbox)系统,包括多选、全选和反选功能。这个系统的一个关键特性是它完全基于AngularJS,无需依赖其他源数据,因此可以确保原始数据的完整...

    jQuery弹出框checkbox复选框多选代码.zip

    6. **样式调整**:使用jQuery可以动态地修改CSS属性,例如改变复选框或按钮的样式,以实现更丰富的视觉效果。 综上所述,这个压缩包中的代码示例展示了如何利用jQuery实现一个弹出框,其中包含多选复选框功能。通过...

    Android Checkbox多选全选

    在很多场景下,比如设置界面、列表选择等,我们常常需要实现Checkbox的多选和全选功能,这使得用户能够方便地批量操作。本教程将详细讲解如何在Android应用中实现Checkbox的多选全选功能。 首先,我们需要了解...

    listview +checkbox 实现多选操作

    为了增强用户体验,我们经常需要在ListView中集成Checkbox,实现单选或多选功能。本教程将详细讲解如何使用ListView与Checkbox结合,来实现这样的功能。 首先,我们需要在ListView的适配器(Adapter)中创建一个...

    ExpandableListView+CheckBox多选功能

    `CheckBox`则是用来实现多选功能的关键组件,通常与`ListView`或`ExpandableListView`结合使用,让用户能够选择多个条目。在给定的“ExpandableListView+CheckBox多选功能”主题中,我们将探讨如何将这两个组件整合...

    用JavaScript实现CheckBox的多选和反选

    在网页中很多时候会用到CheckBoX的多选和反选.比如网上调查或是后台管理系统等。现在主流的方法是用JavaScript来实现CheckBOX的多选和反选,下面笔者就为大家介绍一下如何实现这样的网页效果

    jS checkbox 多选

    本文将深入探讨如何使用JavaScript实现checkbox的多选功能,主要分为两种常见方法:iframe嵌套和利用cookies。 一、iframe下的多选方法 iframe,即内联框架,可以在一个HTML页面中嵌入另一个HTML页面。在处理多选...

    radiobutton 控制checkbox多选(js实现)

    ### radiobutton 控制 checkbox 多选 (js 实现) 在 Web 开发中,表单是与用户交互的重要组成部分。为了实现更加灵活的功能,有时我们需要利用 JavaScript 来控制表单元素的状态,例如通过单选按钮(`...

    android listview+checkbox实现多选

    在这个Adapter中,我们需要重写`getView()`方法,以便为每个列表项设置Checkbox的初始状态,并处理Checkbox的点击事件。 ```java public class MyAdapter extends ArrayAdapter<String> { private List<String> ...

    C# 带checkbox的多选下拉框

    当用户点击列表项时,需要捕获`Click`事件,并根据鼠标点击位置判断是否选中了CheckBox。 3. **事件处理**: - `DrawItem`事件:在这个事件中,我们需要确定CheckBox的位置、大小和状态,并绘制它们。同时,也要...

    layui.table表格渲染后判断checkbox多选控件是否可用

    该资源主要应用于layui框架下table表格渲染后判断checkbox多选控件是否可用,当然done下还可以做其他逻辑判定,附上源码,绝对可用。

    Android里ListView里面添加CheckBox实现多选

    - 为每个CheckBox设置OnCheckedChangeListener,当用户点击时,更新数据源中的状态,并可能触发其他操作,如保存选择状态或执行相关逻辑。 8. **实现多选** - 可以维护一个独立的ArrayList来记录选中的项。在...

    CheckBox实现多选列表,并实现全选、反选功能

    本文将深入探讨如何使用CheckBox来创建一个多选列表,并实现全选和反选的功能。这些功能常见于各种应用,如设置菜单、购物车等,使得用户可以方便地进行多项操作。 首先,我们需要一个ListView来展示列表项。...

    listview checkbox 多选反选取消

    "listview checkbox 多选反选取消"的标题描述了一个具体的实践案例,即在一个包含Checkbox的ListView中实现多选、反选以及取消选择的功能。下面我们将深入探讨这个知识点。 首先,我们需要创建一个自定义的ListView...

Global site tag (gtag.js) - Google Analytics