Ext4.x mvc 表格某条数据无效 禁止选中并改变样式

这功能点是项目中经理提出来的,一般人开发估计很少用到这中方式。

功能点挺简单,大可分两点进行操作。

1:接收后台数据根据某一个字段对包含这个字段的行设置样式。

2:在beforeselect(选中某一行前)事件写逻辑



1的代码:

//在页面上加上 样式记得自己换,本人无审美 你们开心就好 其实应该还可以用ext自带的 你们自己去琢磨琢磨吧

                       <style type="text/css"> 
                          tr.x-grid-record-yellow .x-grid-td {
                      background: #ffccff;
                      color:#ffffcc;
                    }
                  </style> 

//在view中写

                  viewConfig:{
                    getRowClass : function(record,rowIndex,rowParams,store){   
                        if(record.data.Contacts=="万恶"){  
                            return 'x-grid-record-yellow';  
                        }                        }  
        },

2的代码:

view中。

listeners: {
                        'beforeselect' : function(SelectionModel,record,index,eOpts) {
                            if(record.data.Contacts=='万恶'){   //叫做万恶的用户无效
                                Ext.Msg.alert("提示信息","当前这条数据已失效,无法选择!");
                               return false;  //不能进行选择
                            }else{   
                                return true;   
                            }
                         }
                    },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值