`
发现那天
  • 浏览: 2142 次
社区版块
存档分类
最新评论

EXTJS grid 单选框

阅读更多
Ext.define('MyApp.view.MyGridPanel', {
    extend: 'Ext.grid.Panel',

    requires: [
        'Ext.grid.column.Number',
        'Ext.grid.column.Date',
        'Ext.grid.column.Boolean',
        'Ext.grid.View'
    ],

    height: 250,
    width: 400,
    title: 'My Grid Panel',

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            columns: [
                {
                    xtype: 'gridcolumn',
                    dataIndex: 'string',
                    text: 'String'
                },
                {
                    xtype: 'numbercolumn',
                    dataIndex: 'number',
                    text: 'Number'
                },
                {
                    xtype: 'datecolumn',
                    dataIndex: 'date',
                    text: 'Date'
                },
                {
                    xtype: 'booleancolumn',
                    dataIndex: 'bool',
                    text: 'Boolean'
                }
            ]
        });
		//单选框
		me.selModel = Ext.create('Ext.selection.CheckboxModel',{mode:'SINGLE','allowDeselect':true});
        me.callParent(arguments);
    }

});

 

分享到:
评论

相关推荐

    extjs grid示例代码

    ExtJS Grid是Sencha ExtJS框架中的一个核心组件,它用于构建数据驱动的表格视图。Grid组件在Web应用中广泛使用,因为它提供了强大的数据展示、排序、分页、筛选和编辑功能。以下是对`ExtJS Grid`示例代码的详细解析...

    ExtJS(ajax框架) 4.2.1

    单选行,多选行,高亮显示选中的行,拖拽改变列宽度,按列排序,这些基本功能ExtJS轻量级实现。 自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染...

    Extjs Grid 用法 pdf版

    在 Grid 中添加 CheckBox 可以实现多选或单选功能。通过使用 `CheckboxSelectionModel`,可以轻松地在 Grid 中添加 CheckBox。 **示例代码**: ```javascript // 创建 CheckboxSelectionModel var sm = new Ext....

    Extjs4下拉菜单ComboBox中用Grid显示通用控件

    在EXTJS4中,`ComboBox` 是一个非常常用的组件,它提供了一个下拉选择框的功能。在某些场景下,我们可能需要在下拉菜单中展示更丰富的信息,比如表格数据,这时就可以使用 `GridComboBox`。`GridComboBox` 结合了 `...

    精通JS脚本之ExtJS框架.part2.rar

    7.2.3 单选框 7.2.4 复选框 7.2.5 下拉列表框 7.2.6 日期输入控件Ext.form.DateField 7.2.7 在线编辑器Ext.form.HtmlEditor 7.3 ExtJS表单组件的综合应用 第8章 设计表格类布局 8.1 表格简介 8.1.1 表格的...

    EXTJS教材,教程

    - **丰富的功能**:EXTJS的Grid控件提供了许多高级功能,如单选、多选、行高亮、列宽调整、按列排序等基础功能。 - **自定义能力**:可以生成行号、支持复选框全选、动态选择显示的列、本地和远程分页、单元格...

    ExtJs表格点击超链接获取行的值

    在ExtJs框架中,我们经常需要在表格(`Ext.grid.Panel`)中显示超链接,并且当用户点击这些超链接时,能够获取到当前行的数据。为了实现这一功能,我们可以使用`renderer`函数对单元格进行自定义渲染。 **代码示例*...

    extjs4 入门基础,form、grid、tree

    表单组件包括文本框、复选框、单选按钮、下拉列表等。你可以使用`Ext.form.Panel`创建一个基本的表单,通过`items`配置项添加表单字段。每个字段可以通过` xtype`属性指定类型,如`'textfield'`、`'checkbox'`等。...

    Ext中grid多行数据全部删除

    Grid支持多种选择模式,包括单选、多选等,并且可以通过各种事件监听器来捕捉用户的交互行为。 #### 二、网格的选择与操作 根据题目描述,目标是在ExtJS的grid中实现点击某行后能够累加该行的ID,并且能够取消某一...

    在Ext的grid里实现带radio单选功能的gridlist

    本教程将详细介绍如何在Ext的Grid中实现带有radio单选功能的Grid List。 首先,我们需要理解Ext Grid的基本结构。一个Grid通常由以下几个关键部分组成:Store(数据存储)、Model(数据模型)、Columns(列配置)和...

    extjs2.2.1

    单选行,多选行,高亮显示选中的行,推拽改变列宽度,按列排序,这些基本功能ExtJS轻量级实现。 自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染...

    ext.net-extjs

    单选行,多选行,高亮显示选中的行,拖拽改变列宽度,按列排序,这些基本功能ExtJS轻量级实现。 自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染...

    EXTJS 3.3.1例子

     单选行,多选行,高亮显示选中的行,拖拽改变列宽度,按列排序,这些基本功能ExtJS轻量级实现。  自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行...

    EXTJS开发文档

    单选行,多选行,高亮显示选中的行,拖拽改变列宽度,按列排序,这些基本功能ExtJS轻量级实现。 自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,...

    ExtJS-3.4.0系列目录

    - `Ext.form.CheckboxGroup` 和 `Ext.form.RadioGroup`:用于组合复选框和单选框。 - `Ext.form.field.Trigger`:触发字段,常用于下拉搜索框。 - `Ext.form.field.Spinner`:用于数字的微调。 - `Ext.form....

    精通JS脚本之ExtJS框架.part1.rar

    7.2.3 单选框 7.2.4 复选框 7.2.5 下拉列表框 7.2.6 日期输入控件Ext.form.DateField 7.2.7 在线编辑器Ext.form.HtmlEditor 7.3 ExtJS表单组件的综合应用 第8章 设计表格类布局 8.1 表格简介 8.1.1 表格的...

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

    这将创建一个只允许单选的行选择模型,并在用户选择行时弹出一个提示框显示选定电影的标题。 除了监听选择模型的事件,EXTJS还提供了许多用于操作GridPanel及其数据的方法。例如,我们可以通过监听事件并在按钮点击...

    extjs 2.2

    5. **表单组件**:ExtJS提供了丰富的表单组件,如文本框、下拉框、复选框、单选按钮等,以及高级组件如日期选择器、颜色选择器等,方便构建各种类型的表单。 6. **窗口系统**(Window):2.2版本的窗口组件支持拖放...

    EXTJS4.0视频教程

    - **Radio Button**:单选按钮组件,用于实现单选功能。 #### 四、代码示例 对于初学者而言,实战编码是非常重要的学习环节。视频教程中提到了“还配有部分的代码”,这意味着学员可以通过观察实际的代码来加深理解...

    最新extjs开发包

    5. **表单组件**:ExtJS提供了丰富的表单元素,包括文本框、复选框、单选按钮、下拉列表等,并且支持表单验证,确保用户输入的数据有效。 6. **工具提示**、**拖放功能**和**可扩展性**:ExtJS支持动态显示工具提示...

Global site tag (gtag.js) - Google Analytics