方法：覆蓋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;};} });

?

轉載于:https://www.cnblogs.com/webu/archive/2012/11/14/2770671.html

總結

以上是生活随笔為你收集整理的Extjs4 actioncolumn只能显示图标，不能显示文字的暂时解决方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。