首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

Extjs4 actioncolumn只能显示图标,不能显示文字的暂时解决办法

2012-11-09 
Extjs4 actioncolumn只能显示图标,不能显示文字的暂时解决方法方法:覆盖actioncolumn类,修改代码Ext.defin

Extjs4 actioncolumn只能显示图标,不能显示文字的暂时解决方法
方法:覆盖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="Extjs4 actioncolumn只能显示图标,不能显示文字的暂时解决办法" 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;        };    }});

热点排行
Bad Request.