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;
            };
        }
    });
    
  • 相关阅读:
    Memcached 测试
    Task WaitAll的用法
    Linux Memcached 安装
    开发常用的一些插件
    转:浅析VO、DTO、DO、PO的概念、区别和用处
    转:数据库的快照隔离级别(Snapshot Isolation)
    转:nolock的替代方案-提交读快照隔离[行版本控制]
    转:介绍一个好用的抓取dump的工具-ProcDump
    把sqlserver查询结果复制到Excel出现数据记录遗漏
    ASP.NET_SessionId 不相同导致验证码出错
  • 原文地址:https://www.cnblogs.com/webu/p/2770671.html
Copyright © 2011-2022 走看看