`
xpenxpen
  • 浏览: 723010 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

ExtJS的Grid中的文本如何能够选择并复制到剪贴板

阅读更多
参考自 http://www.sencha.com/learn/grid-faq,
How to select text in the grid (with the mouse) so that it can be copied to the clipboard

First, add an extra CSS rule:
<style type="text/css">
        .x-selectable, .x-selectable * {
               -moz-user-select: text!important;
               -khtml-user-select: text!important;
        }
</style>


Next use this as default behavior
if (!Ext.grid.GridView.prototype.templates) {
   Ext.grid.GridView.prototype.templates = {};
}
Ext.grid.GridView.prototype.templates.cell = new Ext.Template(
   '<td class="x-grid3-col x-grid3-cell x-grid3-td-{id} x-selectable {css}"
               style="{style}" tabIndex="0" {cellAttr}>',
   '<div class="x-grid3-cell-inner x-grid3-col-{id}" {attr}>{value}</div>',
   '</td>'
);


我用的是ExtJS3.4,在IE8,Firefox11,Chrome18下均测试通过。
分享到:
评论

相关推荐

    ExtJs Grid选择行

    选择模型决定了用户如何以及何时能够选择Grid中的行。默认情况下,Grid使用`Ext.selection.RowModel`作为选择模型,允许用户通过点击行来选择数据记录。 当用户选择Grid中的行时,我们可以获取选中的记录。对于描述...

    ExtJS grid过滤操作

    - **Filter Model**:ExtJS Grid中的过滤功能基于Filter Model。每个列都可以有自己的过滤器,用户可以根据需要定义过滤条件。 - **Filter Types**:多种内置过滤器类型,如文本、数字、日期等,满足不同数据类型...

    Extjs grid 中文排序问题修正

    本教程将详细讲解如何修正EXTJS Grid中的中文排序问题。 首先,我们需要理解EXTJS Grid的排序原理。EXTJS Grid的排序功能是基于其内部的Store对象实现的,Store中的每条记录都有一个对应的sortField和sortDir属性,...

    extjs单元格无法复制

    但是,在使用 ExtJS 的 GridPanel 组件时,可能会遇到单元格无法选中复制的问题,特别是在 IE 浏览器中。今天,我们将讨论如何解决这个问题。 ExtJS GridPanel 单元格无法选中复制的问题产生的原因是由于每个单元格...

    EXTJS grid导出EXCEL文件

    2. **数据导出**:在EXTJS中,数据导出功能通常涉及到将Grid中的数据显示在其他格式,如CSV、PDF或Excel中。这通常是通过编写自定义插件或者扩展Grid的功能来实现的。 3. **EXTJS 3.2.0**:这是EXTJS的一个特定版本...

    extjs grid

    EXTJS Grid是EXTJS库中的一个核心组件,用于创建数据密集型的表格视图,它在Web应用程序中常用于展示和操作大量结构化数据。EXTJS Grid提供了丰富的功能,包括分页、排序、过滤、编辑等,使得用户可以高效地管理和...

    extjs grid数据导出excel文件

    总结来说,EXTJS Grid的数据导出到Excel是通过获取Grid数据、转换数据格式、利用SheetJS创建Excel文件,并最终提供下载链接来实现的。这一过程涉及到了EXTJS的Store操作、SheetJS的API使用以及前端文件操作等技术。...

    extjs grid示例代码

    - `columns`:定义Grid中的列,包括列的字段名、标题、宽度等属性。 2. **创建Grid实例** 创建一个基本的Grid需要定义`store`和`columns`。例如: ```javascript var store = Ext.create('Ext.data.Store', { ...

    Extjs Grid 中的 ToolTip效果

    EXTJS Grid中的ToolTip功能允许我们在不增加界面复杂性的情况下,为用户提供必要的提示信息。 首先,EXTJS提供了两种主要类型的Tooltip:Ext.tip.ToolTip和Ext.grid.tooltip.GridTip。前者是通用的Tooltip类,适用...

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

    因此,掌握如何在ExtJs Grid中实现多选功能以及如何获取已选中的所有值是非常重要的。 #### 二、实现多选功能 在ExtJs中,实现Grid的多选功能主要通过`CheckboxSelectionModel`来完成。下面将详细介绍如何设置并...

    EXTJS Grid总结例子

    EXTJS Grid是一款强大的数据展示组件,广泛应用于Web应用开发中,尤其在数据密集型界面设计时,EXTJS Grid以其高效的数据加载、灵活的分页、排序、过滤和自定义功能而受到开发者青睐。本总结例子将深入探讨EXTJS ...

    extjs grid 多表头插件

    在ExtJS Grid中,多表头能够帮助用户更清晰地理解列的分组和关系,提高数据的可读性和分析性。 首先,我们来详细解释一下多表头的概念。在传统的表格中,表头通常只有一个层次,而在多表头中,我们可以设置多个层次...

    Extjs grid分页1

    ExtJS Grid 分页是Web应用中数据展示的重要组成部分,它允许用户高效地浏览大量数据而无需一次性加载所有记录。在本文中,我们将深入探讨ExtJS Grid的分页功能及其实现方式。 首先,ExtJS Grid是一种强大的...

    Extjs Grid 扩展实例

    1. **自定义列**:在Grid中,我们可以定义自己的Column模型,添加额外的字段或调整默认的行为。例如,我们可以通过设置`dataIndex`指定数据源字段,使用`renderer`函数来自定义单元格的显示,甚至为特定列添加自定义...

    ExtJs动态grid的生成

    通过以上讲解,我们可以看出在ExtJS中动态生成Grid涉及到许多关键技术和API。实际开发中,理解并掌握这些知识点对于创建灵活、可扩展的Web应用至关重要。在阅读博客文章或分析`Autogrid.js`源码时,应重点关注如何...

    ExtJS GRID单元格合并

    下面我们将深入探讨如何在ExtJS 4.0 Grid中实现单元格合并,以及其背后的技术细节。 首先,理解Grid的基本结构是关键。Grid由一系列行(rows)和列(columns)组成,每个单元格(cell)对应一个特定的数据值。在...

    Extjs Grid 操作大全

    在Extjs Grid中,通常会涉及到对Grid中数据的读取操作。例如,获取特定行或列的数据值。这可以通过以下步骤实现: 1. **获取Grid的Store:** - 首先需要通过`getStore()`方法来获取Grid所绑定的数据源(Store)。 `...

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

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

    Extjs4 grid使用例子

    增删改操作通常通过Controller来处理,Controller监听编辑事件,调用Store的方法进行数据的添加、删除或修改,并同步到服务器。 6. **MVCTest**: "MVCTest"可能是这个例子中的一个子目录或文件,可能包含了MVC...

    ExtJs grid导出Excel

    当需要将Grid中的数据导出到Excel时,可以采用两种方法,这些方法在ExtJs 4.2版本中已经得到很好的支持。 **方法一:使用XLSX.js库** XLSX.js是一个JavaScript库,能够方便地读取和写入Excel文件。在ExtJs中,你...

Global site tag (gtag.js) - Google Analytics