`
琉璃月
  • 浏览: 45039 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

Ext.grid.CheckboxSelectionModel 只能选一行,不能全选和多选

阅读更多
解决方法就是需要在grid里面添加一个属性,sm: sm

把选择模型加上就OK啦

如:

var sm = new Ext.grid.CheckboxSelectionModel();


var grid = new Ext.grid.GridPanel({
       region:'center', 
       height:500, 
       loadMask: true, 
       title:'grid', 
       store: store, 
       cm: cm,
       sm:sm,
       autoScroll: true,
       tbar:tb,
       bbar:new Ext.PagingToolbar({ 
         id:'page',
         name:'page',
         pageSize: 10, 
         store: store, 
         displayInfo: true, 
         displayMsg: ' 第{0} 到 {1} 条数据 共{2}条', 
         emptyMsg: "没有数据" ,
         prevtext: "上一页",
         nexttext: "下一页",
         refreshtext: "刷新",
         lasttext: "最后页",
         firsttext: "第一页",
         beforepagetext: "当前页",
         afterpagetext: "共{0}页"

    })
});
分享到:
评论
1 楼 FX夜归人 2014-05-22  
var sm = new Ext.grid.CheckboxSelectionModel({singleSelect:true});

相关推荐

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

    通过使用`CheckboxSelectionModel`,我们可以轻松地为Grid添加多选功能,并通过`getSelections()`方法获取所有选中行的数据。这对于实现常见的批量操作功能非常有帮助。此外,还可以结合其他事件处理逻辑,实现更...

    Ext2.0框架的grid使用

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

    grid js 例子一个 ext 的

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

    Ext2.0框架的Grid使用介绍

    Grid是Ext2.0中用于展示数据的重要组件之一,它不仅能够显示各种格式的数据(如二维数组、JSON或XML),还支持数据的排序、过滤和分页等功能。Grid的核心在于`Ext.grid.GridPanel`类及其相关的配置项。 ##### 1. ...

    Ext2[1].0框架的Grid使用介绍

    var sm = new Ext.grid.CheckboxSelectionModel(); // 更新ColumnModel var cm = new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(), // 自动行号 sm, // 添加CheckBox选择模型 { header: '编号', ...

    Ext框架的Grid使用介绍

    EXT JS提供行选择模式,如单选、多选和全选。 6. **视图配置**:Grid的视图配置可以调整行高、行间距、鼠标悬停效果等,以优化用户体验。例如,stripeRows参数可以使行交替显示不同颜色。 7. **插件支持**:EXT JS...

    Extjs Grid 用法 pdf版

    这里通过 `CheckboxSelectionModel` 实现了在每一行前添加一个 CheckBox。 #### 四、总结 本文介绍了 Extjs Grid 组件的基本使用方法,包括如何定义 `ColumnModel`、如何创建 `Store` 以及如何处理不同格式的数据...

    EXT学习心得,ext

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

    Ext2.0示例讲解

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

    第三方控件Coolite使用教程

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

    Ext TreePanel

    5. **CheckboxSelectionModel**:允许用户通过复选框选择多个行,可以设置为只检查不选择(checkOnly: true)。 6. **CheckColumn**:用于创建包含复选框的列,可以用于选择或标记树的节点。 7. **Editor**:在`...

    Extjs全选去掉

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

    Ext常用功能开发总结

    EditGridPanel是具有编辑功能的表格,通常包含`Ext.grid.Panel`和`CellEditing`插件。编辑完成后,通过`store.sync()`提交数据,服务器端需处理JSON数据并响应。 ### Ajax代码参考 使用`Ext.Ajax.request`发送异步...

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

    var sm = new Ext.grid.CheckboxSelectionModel(); var cm = new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(), sm, {header:'编号',dataIndex:'id',sortable:true}, {header:'名称',dataIndex:'name',...

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

    - `forceSelection`:如果设为`true`,则用户只能从下拉列表中选择,不能手动输入。 通过上述步骤,我们就可以创建一个功能完善的多选下拉框组件。在实际开发中,可能还需要根据项目需求进行进一步的定制,如添加...

    Grid得到选择行数据的方法总结

    //得到选择所有行 //注:如果不声明var sm = new Ext.grid.CheckboxSelectionModel();则会报此句没有该对象或属性 Var selectRows = grid.getSelectionModel().getSelections(); selectRows[0].get(“gird中某列的...

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

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

    extjs打印功能

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

    Struts2+Json+ExtJS分页

    var sm = new Ext.grid.CheckboxSelectionModel(); // 单选 var cm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), // 自动填写一个行号字段 { header: "用户", dataIndex: "name", mapping: "name", ...

    Extjs教程_第五章_使用grid显示数据(3)

    4. CheckBoxSelectionModel - 用户可以通过复选框选择行。 在处理电影数据的场景中,RowSelectionModel最适合我们的需求。在GridPanel配置中,我们可以这样设置选择模型: ```javascript sm: new Ext.grid....

Global site tag (gtag.js) - Google Analytics