當(dāng)前位置：
首頁 >
Extjs4 actioncolumn只能显示图标，不能显示文字的暂时解决方法
發(fā)布時(shí)間：2025/7/14
53
豆豆
生活随笔
收集整理的這篇文章主要介紹了
Extjs4 actioncolumn只能显示图标，不能显示文字的暂时解决方法
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
方法：覆蓋actioncolumn類，修改代碼
Ext.define('ActionTextColumn', {extend: 'Ext.grid.column.Action',alias: ['widget.actiontextcolumn'],constructor: function(config) {var me = this,cfg = Ext.apply({}, config),items = cfg.items || [me],l = items.length,i,item;delete cfg.items;me.callParent([cfg]);me.items = items;me.renderer = function(v, meta) {v = Ext.isFunction(cfg.renderer) ? cfg.renderer.apply(this, arguments)||'' : '';meta.tdCls += ' ' + Ext.baseCSSPrefix + 'action-col-cell';for (i = 0; i < l; i++) {item = items[i];item.disable = Ext.Function.bind(me.disableAction, me, [i]);item.enable = Ext.Function.bind(me.enableAction, me, [i]);/*v += '<img alt="' + (item.altText || me.altText) + '" src="' + (item.icon || Ext.BLANK_IMAGE_URL) +'" class="' + Ext.baseCSSPrefix + 'action-col-icon ' + Ext.baseCSSPrefix + 'action-col-' + String(i) + ' ' + (item.disabled ? Ext.baseCSSPrefix + 'item-disabled' : ' ') + (item.iconCls || '') +' ' + (Ext.isFunction(item.getClass) ? item.getClass.apply(item.scope||me.scope||me, arguments) : (me.iconCls || '')) + '"' +((item.tooltip) ? ' data-qtip="' + item.tooltip + '"' : '') + ' />';*/v += '<a href="javascript:void(0);"' + ' class="' + Ext.baseCSSPrefix + 'action-col-icon ' + Ext.baseCSSPrefix + 'action-col-' + String(i) + ' ' + (item.disabled ? Ext.baseCSSPrefix + 'item-disabled' : ' ') + (item.cls || '') +' ' + (Ext.isFunction(item.getClass) ? item.getClass.apply(item.scope||me.scope||me, arguments) : (me.iconCls || '')) + '"' +((item.tooltip) ? ' data-qtip="' + item.tooltip + '"' : '') + '>' + (item.text || me.text) + '</a>';}return v;};} });?
轉(zhuǎn)載于:https://www.cnblogs.com/webu/archive/2012/11/14/2770671.html
總結(jié)
以上是生活随笔為你收集整理的Extjs4 actioncolumn只能显示图标，不能显示文字的暂时解决方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： windows 8 及vs2012 下载
- 下一篇： 电商课题I：集群环境下业务限流