隐藏Grid的一列，去除store一列

最新推荐文章于 2021-08-25 09:57:55 发布

原创最新推荐文章于 2021-08-25 09:57:55 发布 · 183 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#CSS

前台界面专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何使用ExtJS的Grid组件实现列的隐藏与删除功能，通过配置getRowClass方法来隐藏未分配的任务列，并利用store的监听事件来移除不需要的记录。

隐藏一列

Grid的配置

getRowClass : function(record, rowIndex, p, store) {
                            if(!record.data.assignee){ //如果任务没有分配，则隐藏任务。现用于隐藏会签的主任务
                                return 'x-grid-record-hidden';
                            }

Css样式

.x-grid-record-hidden table{
display: none
}

删除一列

listeners : {
                        load : function(store, record, options){
                            for(var i=0; i < record.length; i++){
                                if(!record[i].data.assignee){
                                    //如果任务没有分配，则删除。现用于删除会签的主任务
                                    store.remove(record[i]);
                                }
                            }
                        }
                    }