`
andy_ghg
  • 浏览: 293124 次
  • 性别: Icon_minigender_1
  • 来自: 扬州
社区版块
存档分类
最新评论

ExtJS 4.0.2a ActionColumn的使用

阅读更多
ActionColumn是有问题的(不敢说是BUG),text属性不起作用、iconCls不知所云,但是非要使用怎么办?下面是我做的一个例子可以看看用变态的方法解决它:
			xtype : "actioncolumn",
			html:'<div class="x-column-header-inner" id="ext-gen1293" style="padding-top: 0px; height: auto; "><span class="x-column-header-text" id="ext-gen1295">帐号状态</span><div class="x-column-header-trigger" id="ext-gen1294"></div></div>',
			sortable : false,
			dataIndex : "enabled",
			items: [{
				icon:"js/extjs/resources/icons/ms.gif",
				tooltip: '改变帐号状态',
			    getClass:function(v,m,r,rIndex,cIndex,store){
					if (r.get('enabled')){
						return 'unlock';
					}else{
						return 'lock'
					}
			    },
			    handler: function(grid, rowIndex, colIndex) {
			        var rec = grid.getStore().getAt(rowIndex);
			        rec.set("enabled",!rec.get("enabled"));
			        rec.commit();
			    }
			}]

其中ms.gif是一个16*16的透明gif图像.....至此解决问题。。。。
其它更详细的可以参考它的API文档。
2
0
分享到:
评论
3 楼 andy_ghg 2011-12-05  
zp840566233 写道
text不起作用 可用 header ,iconCls不知所云 需要把图片样式设置宽高!如:
.icon-class {
height: 16px;
  width: 16px;
    background-image: url(../images/button/class.gif) !important;
}

谢谢指点
2 楼 zp840566233 2011-12-05  
text不起作用 可用 header ,iconCls不知所云 需要把图片样式设置宽高!如:
.icon-class {
height: 16px;
  width: 16px;
    background-image: url(../images/button/class.gif) !important;
}
1 楼 zhouzhiyong 2011-11-24  
header: 'Options',  这个就好了 你多虑了

相关推荐

    最新spket用于解析extjs4.0.2a的jsb

    **标题详解:** "最新spket用于解析extjs4.0.2a的jsb" Spket是一款强大的JavaScript开发工具,特别适用于创建基于ExtJS框架的应用程序。在本标题中,“最新”指的是该版本的Spket是最新的更新,可能包含了性能优化...

    extjs4.0.2

    extjs4.0.2extjs4.0.2 extjs4.0.2extjs4.0.2

    extjs4.0.2a+spket1.6.18

    ExtJS 4.0.2a 和 Spket IDE 1.6.18 是Web开发领域中的两个关键工具,主要用于构建交互式、富客户端的JavaScript应用程序。这两个组件结合使用,可以提供一个强大的开发环境,帮助开发者高效地创建功能丰富的前端应用...

    ExtJs 4.0.2a

    ExtJs 4.0.2a 试用版,试用期45天

    EXTJS 4.0.2

    EXTJS 4.0.2 是一款强大的JavaScript前端框架,专为构建富互联网应用程序(RIA)而设计。...通过使用ext-4.0.2 压缩包中的文件,开发者可以快速开始EXTJS 4.0.2 的学习和项目开发,享受其带来的高效和便利。

    EXTJS4 Actioncolumn不能使用文字的部分解决办法

    就是extjs4里面,想给grid里面一格中,文字后面加个小图标。 因为俺们项目就只是文字+图标,所以俺就没有复写Actioncolumn,而是从Column下面继承了一下。。 包含自定义插件源码、效果图等等。

    extjs-4.0.2框架

    ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架。功能丰富,无人能出其右。无论是界面之美,还是功能之强,ext的表格控件都高居榜首。单选行,多选行,高亮显示选中的行,推拽改变列...

    ext-4.0.2.jsb2下载

    标签"ext-4.0.2.jsb2"和"extjs4.0.2自动识别"进一步强调了这个文件是针对ExtJS 4.0.2版本的,并且重点在于其自动识别功能,这意味着在开发环境中,当开发者编写与ExtJS相关的代码时,IDE会自动识别并提供相关的类和...

    ExtJS4 Spekt代码补全插件

    请下载的朋友注意看软件说明哦。 1,官方下载最新的ExtJS4.0.2版本,地址:...2,解压缩ExtJS4.0.2 3,将这个文件拷贝到ExtJS4.0.2解压缩根目录 4,Eeclipse中Spket关联这个文件即可实现代码提示。 Good luck.

    MyEclipse8.5安装Spket插件支持Extjs 4.0

    本文将详细介绍如何在MyEclipse 8.5上手动安装Spket插件以支持ExtJS 4.0.2的智能识别,而非通过Myeclipse Configuration Center。 首先,我们理解一下MyEclipse 8.5和Spket插件的基本概念。MyEclipse 8.5是基于...

    extjs4.0帮助文档 extjs-docs-4.0.2.zip

    extjs4.0开发人员以及学习可以下载参考

    EXTJS 带文字和图标的action column

    NULL 博文链接:https://xiaomy.iteye.com/blog/2280263

    在Eclipse中开发Extjs4代码

    Extjs4.0.2a-GPL** `ext-4.0.2a-gpl`是ExtJS4的一个版本,遵循GPL许可证。这个版本包含了ExtJS4的所有源码、示例、文档和必要的资源文件。开发者可以在这个版本上进行学习和开发,了解ExtJS4的内部工作原理,并根据...

    Extjs4.1 小例子(适合extjs初学者学习使用)

    通过这些小例子,你可以了解如何使用ExtJS 4.1来创建用户界面,包括布局管理、组件系统、数据绑定、事件处理等核心概念。 描述中提到的".直接导入myeclipse即可",意味着这些示例代码是用Eclipse的MyEclipse插件...

    extjs My97使用 extjs时间 extjs日期使用

    extjs4.0结合My97DatePicker4.7版本使用 使用简单 方便 解决extjs中日期控件不能显示时间的问题 下载后将其放到extjs目录的examples下 直接运行date.html即可 extjs4.0版本 4.0以前的版本没有测试过 如果有4.0版本...

    extjs4.0 grid

    这个压缩包文件"Extjs4.0.2a grid 增删改查"很可能是包含了一组示例代码和资源,用于演示如何在ExtJS 4.0中实现Grid组件的增删改查功能,以及搜索关键字、多条删除和批量更改等操作。 首先,让我们详细了解一下Grid...

    extjs 常用控件的使用 table layout

    "常用控件的使用"涵盖了EXTJS中的一些核心组件,如: 1. **TextField**:用于输入文本的基本字段,支持多种验证和配置。 2. **ComboBox**:下拉框,允许用户从预定义的选项中选择,也可以进行搜索。 3. **Checkbox*...

    extjs 4.1.1a datetimefield 日期时间选择框(第二次修改版)

    ExtJS 4.1.1a 是一个流行的JavaScript框架,用于构建富客户端应用程序。DateTimeField是该框架中的一种组件,它允许用户同时选择日期和时间,适用于需要精确输入日期时间值的应用场景。在这个第二次修改版中,开发...

    extJs3升级extjs4方案

    在 ExtJS3 中,我们可以使用 Ext.extend 来定义类,而在 ExtJS4 中,我们需要使用 Ext.define 来定义类。例如,在 ExtJS3 中,我们可以使用以下代码来定义一个类: ```javascript Ext.ux.PostStore = Ext.extend...

    ext-4.0.0.jsb2 使用插件开发extjs会用到的库文件

    ext-4.0.0.jsb2 使用插件开发extjs会用到的库文件 在eclipse安装spket时会用到这个jsb2库文件,当前ext js已经不提供官方的jsb2文件,这是第三方的jsb2文件。

Global site tag (gtag.js) - Google Analytics