别来无恙`` 2016-11-14 07:11 采纳率: 100%
浏览 2581
已采纳

Ext.GridPanel的columns里添加的items如何隐藏?

图片说明
图片说明

Extjs为3.3
如果可以按条件隐藏某一行的那再好不过了,哪位大牛告知一下?

  • 写回答

2条回答 默认 最新

  • Go 旅城通票 2016-11-14 09:58
    关注

    http://docs.sencha.com/extjs/3.4.0/#!/api/Ext.grid.ActionColumn-cfg-items
    配置getClass ,依据传入的此列的值返回一个hidden样式名称隐藏,说是3.4才有,其实3.3也支持。
    CSS

             .hideop{display:none}
    
                  {
                        xtype: 'actioncolumn', header: 'operate', items: [{
                            icon: '1.png', getClass: function (v, meta, r) {
                                if (r.get('price') > 50) return 'hideop';
                                    return ''
                            }
                        }]
                    }
    
     items : Array★
    An Array which may contain multiple icon definitions, each element of which may contain:
    
    icon : String
    The url of an image to display as the clickable element in the column.
    iconCls : String
    A CSS class to apply to the icon image. To determine the class dynamically, configure the item with a getClass function.
    getClass : Function
    A function which returns the CSS class to apply to the icon image. The function is passed the following parameters:
    v : Object
    The value of the column's configured field (if any).
    metadata : Object
    An object in which you may set the following attributes:
    
    css : String
    A CSS class name to add to the cell's TD element.
    attr : String
    An HTML attribute definition string to apply to the data container element within the table cell (e.g. 'style="color:red;"').
    r : Ext.data.Record
    The Record providing the data.
    rowIndex : Number
    The row index..
    colIndex : Number
    The column index.
    store : Ext.data.Store
    The Store which is providing the data Model.
    handler : Function
    A function called when the icon is clicked.
    scope : Scope
    The scope (this reference) in which the handler and getClass functions are executed. Fallback defaults are this Column's configured scope, then this Column.
    tooltip : String
    A tooltip message to be displayed on hover. Ext.QuickTips must have been initialized.
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 素材场景中光线烘焙后灯光失效
  • ¥15 请教一下各位,为什么我这个没有实现模拟点击
  • ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
  • ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 保护模式-系统加载-段寄存器