当前位置: » 首页 » Extjs 框架 » 【ExtJS扩展组件】Grid单元格超链接组件

【ExtJS扩展组件】Grid单元格超链接组件

很久没有写博客了,最近项目任务实在是繁忙,而且私事也有一大推,总是感觉时间一晃就过去了,没有空闲时间。本来准备一直写下去的CSS系列,也只能暂时停止了,毕竟手中的工作要紧。
抱怨归抱怨,我们还是得打起精神,收拾心情,直接去面对。
回归正题,这篇文章主要介绍一个实现grid单元格超链接状态的一个扩展组件,和前两篇文章的组件有点类似:ExtJS中实现Grid的单元格内容换行ExtJS中实现Grid的单元格内容提示
使用它可以比较方便的实现grid单元格的超链接状态,而不用去配置renderer属性,非常适合在项目中有大量使用单元格超链接的情形。
组件的代码如下:


使用此组件主要理解3个配置项即可:
1.xtype 在column对象中配置此组件的xtype,使用此组件
2.handlerName 点击超链接执行的方法名,这个方法名是全局的,因此建议再定义超链接对应方法时,加上模块名,避免全局变量泄露。
3.paramKeys 这个配置项默认为空数组,可以加入model中的name属性,用以传递你想要的当前record对象中的属性值。比如超链接执行方法中,我需要使用到当前单元格对应reocrd对象中的dataIndex为id的属性值,设置此配置项为“['id']”即可。
使用示例如下:

最受欢迎

【ExtJS扩展组件】Grid单元格超链接组件:目前有2 条留言

  1. 草陌博客

    专业性很强啊

  2. robin

    这个能否类似按钮呢? onclik事件能跟按钮一样嘛? 这样就能很简单的获取行操作grid

发表评论