0

以下のコードを使用して、アクション列のcssクラスを設定しています。ただし、結果がnullの場合でも、一部の要素はextjsによって挿入されます。

getClass: function(v, meta, data) {        
  if (data.myDate < new Date())
        return null;
  else
        return 'insert';
}

nullを返すために生成されたhtml：

<img alt="" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" 
class="x-action-col-icon x-action-col-1   null">

主な問題は、この「空白」スペースを移動すると、カーソルがハンドポインターに変わることです。

アイコンを表示しないときに要素を生成しない方法はありますか？

4

1 に答える 1

1

アクション列を拡張せずにそれを行う方法はありません。IMO の最も簡単な方法は、カスタムrenderer関数を提供することです。例：

Ext.define('Ext.grid.column.MyAction', {
    extend: 'Ext.grid.column.Action',

    constructor: function(config) {
        var me = this, 
            cfg = Ext.apply({}, config),
            items = cfg.items || [me],
            l = items.length,
            i,
            item,
            cls;

        me.callParent(arguments);

        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]);

                cls = (Ext.isFunction(item.getClass) ? item.getClass.apply(item.scope||me.scope||me, arguments) : (me.iconCls || ''));
                if (cls !== null) {
                    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 || '') +
                        ' ' + cls + '"' +
                        ((item.tooltip) ? ' data-qtip="' + item.tooltip + '"' : '') + ' />';
                }
            }
            return v;
        };
    }

});
于 2012-12-05T11:10:12.193 に答える