zoukankan      html  css  js  c++  java
  • 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="' + (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;
            };
        }
    });
    
  • 相关阅读:
    java-数组
    编程练习
    java-循环语句
    java-条件语句if&switch
    JAVA-运算符
    JAVA-常量
    springAOP源码分析之篇一:配置文件的解析
    spring IOC容器的扩展
    spring IOC之篇六 bean的加载---bean的创建
    spring IOC之篇五 bean的加载--缓存中获取
  • 原文地址:https://www.cnblogs.com/webu/p/2770671.html
Copyright © 2011-2022 走看看