`

extjs4 grid点击单元格鼠标手形,修改背景色

 
阅读更多

extjs4让grid的单元格点击时支持手形。

 

Ext.widget('gridpanel', {
    title: 'grid',
    height: 200,
    width: 200,
    renderTo: Ext.getBody(),
    columns: [{
        text: 'Col',
        dataIndex: 'col',
        renderer: function (val, metadata, record) {
            if (record.get('col') == 1) {
                metadata.style = 'background-color: #FFFFCC !important;cursor: pointer;'
            }
            return val;
        },
        listeners:{
             "click":function(grid,cell,row){
                      var r =  grid.store.getAt(row);
              }
       }
    }],
    store: {
        fields: ['col'],
        data: [{
            col: 1
        }, {
            col: 2
        }]
    }
})
 

 

 

分享到:
评论

相关推荐

    Ext grid合并单元格

    根据提供的文件信息,我们可以深入探讨如何在 Ext JS 中实现 Grid 的单元格合并功能。此案例主要涉及到了自定义 GridView 的 `renderHeaders` 方法来达到单元格合并的目的,并且还涉及了模板(Template)的使用、...

    ExtJS 4.2 Grid组件单元格合并的方法

    ExtJS 4.2 Grid组件本身并没有提供单元格合并功能,需要自己实现这个功能。 目录 1. 原理 2. 多列合并 3. 代码与在线演示 1. 原理 1.1 HTML代码分析 首先创建一个Grid组件,然后查看下的HTML源码。 1.1.1 Grid组件 ...

    EXTJS单元格变色、行变色

    EXTJS单元格变色、行变色实现方法详解 EXTJS是一个功能强大且流行的JavaScript框架,用于构建复杂的Web应用程序。其中,Grid Panel是EXTJS中最常用的组件之一,用于展示和编辑数据。本文将详细介绍EXTJS实现单元格...

    ExtJS GRID单元格合并

    在ExtJS 4.0版本中,Grid提供了单元格合并的功能,这在处理复杂数据展示时非常有用,比如汇总信息或者创建表头合并。下面我们将深入探讨如何在ExtJS 4.0 Grid中实现单元格合并,以及其背后的技术细节。 首先,理解...

    Extjs4.2 Grid单元格编辑

    "Grid单元格编辑"是EXTJS 4.2中的一个重要特性,允许用户直接在表格的单元格内进行数据修改,提升了数据输入的效率和用户体验。 在提供的代码示例中,我们看到`Ext.define`被用来创建一个自定义的EXTJS视图类,`zc....

    Extjs4 grid使用例子

    在给定的"Extjs4 grid使用例子"中,我们可以深入理解如何在MVC架构下有效地利用ExtJS4的Grid组件。Grid组件是ExtJS中的核心部分,它提供了一个灵活的、可定制的数据展示网格,通常用于显示和操作大量数据。 1. **...

    ExtJS4 Grid改变单元格背景颜色及Column render学习

    本文将重点讲解如何利用Column的`renderer`函数来改变Grid单元格的背景颜色。`renderer`函数是一个非常强大的特性,它允许我们在数据显示之前对其进行自定义处理,包括格式化数据、添加样式等。 首先,我们来看一下...

    extjs单元格无法复制

    解决 ExtJS GridPanel 单元格无法选中复制的问题需要两个步骤:添加新的 CSS 样式和修改 Ext.grid.GridPanel 的 prototype。通过这些步骤,我们可以使得单元格的内容可以被选中和复制,从而提高用户体验。

    Extjs 合并单元格

    标题中的“Extjs 合并单元格”指的是在Ext JS框架下实现表格(Grid)中单元格的合并功能。Ext JS是一个强大的JavaScript库,专用于构建富客户端Web应用,其核心组件之一就是数据网格(Data Grid),用于展示大量结构...

    ExtJs动态grid的生成

    我们首先从标题"ExtJs动态grid的生成"开始,了解动态生成Grid的基本概念和实现方法。 动态生成Grid意味着在运行时根据需求创建和更新Grid组件,而不是在应用初始化时静态定义。这种灵活性允许开发者更好地响应数据...

    Extjs4 grid 导出为Excel

    Extjs4 grid 导出为Excel 下载后放在网站(不放在网站中导出按钮不能会点击无响应,因为这里调用了swf文件)里可直接运行index.html测试 <link href='...

    grid 合并单元格示例

    实现grid单元格重复数据的合并,完整的案例实现,包含合并方法和调用过程

    extjs单元格合并

    EXTJS单元格合并 EXTJS单元格合并是指在EXTJS GridPanel中实现...EXTJS单元格合并可以通过加入CSS样式、引入Ext.ux.grid.RowspanView对象和配置GridPanel来实现。这样可以使得GridPanel中的数据显示更加简洁和清晰。

    extjs4 ComboBox 点击下拉框 出现grid效果

    总结来说,EXTJS4的ComboBox可以通过自定义事件处理和组件嵌套实现点击下拉框显示Grid的效果。这需要理解EXTJS的事件系统、组件创建和布局管理。同时,正确引用EXTJS库文件和资源对于应用的正常运行至关重要。

    Extjs4.2 Grid filter Demo 表格过滤实验

    这是利用sencha cmd 生成的GridFilterDemo工程中的app和build文件夹,其余文件过大并且与主题无关,因此未包含。具体方法,请参看我的博客: 《Extjs4.2 Grid Filter Feature 表格过滤特性》

    EXTJS4 表格GRID示例

    EXTJS4 GRID 表格 分页 编辑 添加判断 颜色判断 分组 等示例

    extjs4 grid(含form)

    extjs4 grid 包括form js代码

    ExtJS grid过滤操作

    ExtJS Grid是一个强大的数据展示组件,它允许用户以表格的形式查看和操作大量数据。在实际应用中,数据过滤是常见的需求,以便用户能快速定位到感兴趣的信息。本篇将深入探讨ExtJS Grid的过滤操作,以及如何动态地对...

    extjs grid数据导出excel文件

    具体实现时,开发者可能会在EXTJS的事件处理器中添加导出功能,例如在Grid的工具栏上添加一个“导出”按钮,当点击该按钮时触发数据导出的函数。这个函数会按照上述步骤操作,最终生成一个可供下载的Excel文件。 在...

    ExtJs6.5Grid列表导出(包含样式)

    在ExtJs 6.5版本中,开发人员经常需要实现数据导出功能,特别是对于Grid组件,这是一项常见的需求。Grid列表通常用于展示大量结构化的数据,而导出功能可以帮助用户将这些数据保存到本地,方便进一步分析或共享。...

Global site tag (gtag.js) - Google Analytics