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

extJS checkboxselectionmodel 默认选中

    博客分类:
  • RIA
阅读更多

var itmsDictWfxwStore = new Ext.data.Store({
         proxy: new Ext.data.HttpProxy({
             url:bocoitms_contextPath + "/dict/getAllUsedWfxw.action"
         }),
         reader: new Ext.data.JsonReader({
             root: 'data',
             id:'wfxw',
     fields:["wfxw", "wfxwMs", "wfxwlb", "wfxwlbMs"]
         }),
         remoteSort: false
     });

//加载完成所有数据后默认选中违法行为
      itmsDictWfxwStore.on('load',function(){
              var tempArray = _jtwfxwIds.split(",");
          var _arraySelected = new Array();
                 for(var i=0; i < tempArray.length; i++){
                  itmsDictWfxwStore.each(function(record){
                  if(record.data.wfxw == tempArray[i]){
         _arraySelected.push(record);
         }
                 });
   
                }
       itmsDictWfxwSM.selectRecords(_arraySelected,true);
      },this,{delay:1});//原来采用直接注册到监听里的方式,发现在数据加载完后,虽然数据已处于选中状态,但是复选框不显示√号,采用延迟(哪怕是1毫秒)后即显示,可能是extJS的bug

var itmsDictWfxwSM = new Ext.grid.CheckboxSelectionModel({
                      listeners: {
                          rowselect: function(sm, row, _record) {
             var _index = selectedWfxwStore2.getCount();
             selectedWfxwStore.insert(_index ,_record);
                          },
                          rowdeselect : function(sm, row, _record) {
             selectedWfxwStore.remove(_record);
                          }                         
                      }
                });

参考:http://fireinjava.iteye.com/blog/483922和http://www.iteye.com/problems/20024
1
0
分享到:
评论
3 楼 cjl_future 2012-07-01  
非常感谢,顶顶顶,终于解决此问题了
2 楼 gaoke 2012-06-08  
呵呵,共同提高,相互学习,分享是件快乐的事情
1 楼 chenglnb 2012-05-15  
太谢谢了,解决困扰我好长时间的我一大难题,原来是个bug 

相关推荐

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

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

    ExtJS改变默认字体大小的几种方式

    以下是改变ExtJS默认字体大小的几种方法: 1. 修改样式文件:最直接的方法是编辑`ext-all.css`样式文件。将文件中所有涉及到字体大小为11px的部分替换为所需的值,如12px。如果要增大字体到15px,不仅需要替换...

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

    ### ExtJs Grid 多选及获取选中值详解 #### 一、背景介绍 在Web应用开发中,ExtJs 是一款非常强大的JavaScript框架,它能够帮助开发者快速构建复杂的用户界面。其中,Grid Panel(简称 Grid)是ExtJs中最常用的一个...

    extjs中设置grid默认行高及换行

    Extjs 中想改变grid 行高,如果只是简单的设置了height的值是可以实现grid 的行高,但是如果使用了插件:rowexpander ,最出现新的问题。 感兴趣的朋友可以试试的。 此文档可以解决你的烦恼,为了找到资源下载,...

    ExtJS之实现华丽的皮肤主题更换

    extjs的默认皮肤很好看 但是我们还可以变换样式切换其他皮肤  1 直接添加其他css文件换肤 好多皮肤上网就可以收到的  如皮肤文件:xtheme olive zip下载  把皮肤文件解压 把css文件 如xtheme olive css 拷贝到...

    EXTJS 选下拉框,并取得下拉框的值

    在EXTJS中,下拉框(ComboBox)是一种常见的UI组件,常用于用户选择一个或多个预定义的选项。本篇文章将详细讲解如何在EXTJS中操作下拉框,以及如何获取用户选定的值。 首先,创建一个基本的EXTJS下拉框需要定义`...

    ExtJs Grid选择行

    在ExtJs框架中,Grid组件是一种非常常用的展示数据表格的方式,它提供了丰富的功能,包括数据的排序、分页、过滤以及行选择等。在实际应用中,经常需要根据用户交互来判断Grid中的行是否被选中,以便进行下一步的...

    ExtJS4.2 tree 级联选择

    在ExtJS库中,Tree组件允许我们展示和操作数据以树形结构显示,而级联选择功能则意味着当用户选择一个节点时,它的所有子节点也会被自动选中,反之亦然,如果取消选中父节点,其所有子节点也将被取消选中。...

    解决Extjs当中复选框全选后,取消选中某一项,全选框仍是选中状态的问题

    EXTJS的`Ext.selection.CheckboxModel`(或简写为`checkboxSelection`)提供了复选框选择模型,用于表格(grid)和其他组件,使得用户可以通过复选框进行多项选择。全选功能通常通过添加一个特殊的复选框来实现,该...

    extjs之颜色选择器的使用

    ColorField 是EXTJS 中的一个组件,专门用于颜色选择。在EXTJS 应用中,颜色选择器提供了用户友好的界面,使得用户能够方便地从预设的颜色列表中选取所需的颜色,或者输入自定义的颜色代码。 在EXTJS 中,...

    Extjs颜色选择器选择器

    在ExtJS中,颜色选择器(Color Picker)是一个常见的组件,用于让用户在多种颜色中选择一种。本实例中的"Extjs颜色选择器"提供了一个完整的实现,方便开发者直接在项目中使用。 在描述中提到的"ColorField.html"...

    extjs年月选择控件

    extjs的年月选择控件,主要针对原有的extjs Datefield控件的基础上增加了插件

    eclipse-ExtJs插件

    eclipse-ExtJs插件。 应该是目前写js和ExtJs最好的工具。 先到http://www.easyjf.com/上下载ExtJS2.0。 说明: 1,将下载的压缩包解压到...选择JS 或者新创建 设置默认打开方式 为 Spket JavaScript Editor(default)

    ExtJs日期时间选择控件

    在ExtJs中,日期时间选择控件是开发人员常用的一个组件,它允许用户方便地选择日期和时间,极大地提升了用户体验。本篇文章将深入探讨ExtJs日期时间选择控件的使用、功能以及优化后的特性。 1. **ExtJs日期时间选择...

    extjs时间日期选择组件

    在EXTJS这个强大的JavaScript框架中,时间日期选择组件是一个至关重要的元素,它为用户提供了方便的方式来选择和输入日期和时间。这些组件使得Web应用程序能够更好地处理时间相关的数据输入,提高用户体验,同时也...

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败...

    轻松搞定Extjs 带目录

    Extjs的组件系统非常丰富,包括按钮、日期选择器、ComboBox等,它们都可以通过配置实现复杂的交互逻辑。数据管理部分涉及到了Extjs对Ajax请求的封装、数据代理、读取器、存储等概念。Extjs对分页、表单验证、表单...

    ExtJS 刷新后如何默认选中刷新前最后一次选中的节点

    在对树节点进行操作后往往需要进行reload操作刷新一下树,但是很多业务都需要在树形刷新后默认选中最后一次选中的节点。这样就必须先保存前一次选中节点的信息,在reload之后再次通过节点的信息进行expand逐层展开到...

    Extjs4下拉树菜单ComboBoxTree支持单选和多选并且支持展开选中指定节点的通用控件

    在这个特定的情况下,我们讨论的是一个定制的下拉树菜单控件——ComboBoxTree,它在ExtJS4中实现了单选和多选功能,并且具备展开选中指定节点的能力。这个控件在实际项目中已经被广泛使用并证明了其稳定性和实用性,...

    ExtJS日期时间选择控件示例

    ExtJS日期时间控件。详细信息参照我的博文: http://blog.csdn.net/lvye1221/article/details/10225941 这是我在 apache 目录下部署了测试示例。将附件中的测试用例,按照以下方式部署好,即可成功访问: apache ...

Global site tag (gtag.js) - Google Analytics