`
liuguofeng
  • 浏览: 450286 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

extjs grid checkbox 默认选中

EXT 
阅读更多

var sm2= new Ext.grid.CheckboxSelectionModel({
                   singleSelect:true,
                    renderer:this.checkboxRenderer.createDelegate(this) //注意添加这个renderer
 });          
           this.grid = new Ext.grid.GridPanel({//列表
                        border:false, 
                        height:300,
                        store: ds,
                        cm: colModel,
                        sm: sm2,
            });
//定义renderer
checkboxRenderer:function(value, cellmeta, record,rowIndex, columnIndex, store){
         var row =  this.grid.getStore().getById(record.id);
         var id = row.get(this.id_key); //this.id_key 是一行的key 这样,可以根据这一行资料确定是否需要默认选择或根本就不出现选择框。
         var isSelect = false;
//选中逻辑
        if(!isSelect){
            return '<div  class="x-grid3-row-checker">&nbsp;</div>';
        }else{
            return '';
        }
               
  },

//Extjs.grid.Checkbox获值

    var sm = grid.getSelectionModel();

    var store = grid.getStore();

    var view = grid.getView();

    for(var i = 0; i < view.getRows().length; i ++){
     if(sm.isSelected(i)){
      var record = store.getAt(i);
      var name = record.get("rec_name");
      var url = record.get("rec_url");
      alert(name + "," + url);
     }
    }

Extjs checkbox Grid勾选时事件

  1. var sm = new Ext.grid.CheckboxSelectionModel();    
  2.         sm.handleMouseDown = Ext.emptyFn;//不响应MouseDown事件    
  3.         sm.on('rowselect',function(sm_,rowIndex,record){//行选中的时候    
  4.                
  5.         }, this);    
  6.         sm.on('rowdeselect',function(sm_,rowIndex,record){//行未选中的时候    
  7.                
  8.         }, this);   

 

分享到:
评论

相关推荐

    ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox

    4. 使用for循环遍历fields数组,为每一个字段创建一个checkboxfield,并设置其属性,包括boxLabel(显示的标签,即列的标题)、inputValue(唯一值,用于识别)、checked(是否默认选中)等。 5. 为每个...

    ExtJS PropertyGrid中使用Combobox选择值问题

    在ExtJS中,PropertyGrid是一种用于展示对象属性的控件,它可以方便地编辑和查看对象的各个属性。在PropertyGrid中遇到的一个常见问题是当使用Combobox(下拉列表框)作为编辑器时,用户选择的值(displayField)与...

    Ext js 教程大全

    ExtJS是一种主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架。 功能丰富,无人能出其右。 无论是界面之美,还是功能之强,ext的表格控件都高居榜首。 单选行,多选行,高亮显示选中的行,推拽改变列...

    ExtJs使用过程中积攒的一些东西

    - 表单控件:FormPanel可以包含各种表单元素,如文本框`textfield`、密码框`passwordfield`、选择框`checkbox`、复选框组`checkboxgroup`、单选框`radiogroup`、下拉框`combobox`、日期选择器`datefield`等。...

    extjs帮助文档pdf版

    ### ExtJS核心API详解 #### 1. Ext 类 (P.2) - **概述**:`Ext` 是 ExtJS 的核心命名空间,包含了全局的方法和属性。 - **用途**:提供了一个统一的入口来访问 ExtJS 库的功能,如创建组件、管理事件等。 - **常用...

    Extjs 点击复选框在表格中增加相关信息行

    在Extjs框架中实现点击复选框在表格中增加或删除信息行的功能主要涉及几个方面的知识点,包括表格(Grid Panel)的配置、复选框(CheckboxGroup)的使用、Store的更新以及数据的加载。 首先,要实现复选框控制表格...

    Ext 开发指南 学习资料

    2.3. grid默认自带的功能 2.4. 按顺序,咱们先要把常见功能讲到 2.4.1. 自主决定每列的宽度 2.4.2. 让grid支持按列排序 2.4.3. 中文排序是个大问题 2.5. 让单元格里显示红色的字,图片,按钮,你还能想到什么? 2.6....

    深入浅出Ext JS

     再加上可编辑grid,添加新行,删除一或多行,提示脏数据,推拽改变grid大小,grid之间推拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件...

    ExtAspNet_v2.3.2_dll

    -Grid增加GetNoSelectionAlertInParentReference函数,用来表示没有选中任何一项时在父页面弹出对话框的JS代码。 -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -Grid增加GetNoSelectionAlertInParentReference函数,用来表示没有选中任何一项时在父页面弹出对话框的JS代码。 -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,...

    UniGUI集合说明

    `ShowMessage()`是一个用于显示消息框的函数,在UniGUI中默认只能在服务器端使用。若要在客户端显示消息,可以考虑使用客户端脚本(如JavaScript)或者UniGUI提供的客户端消息显示功能。 #### 4. 修改工程文件,使...

Global site tag (gtag.js) - Google Analytics