qq_34439125
别来无恙``
采纳率66%
2016-11-14 07:11

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

已采纳

图片说明
图片说明

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

2条回答

  • showbo GoCityPass新加坡曼谷通票 5年前

    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.
    
    点赞 7 评论 复制链接分享
  • devmiao devmiao 5年前

相关推荐