ExtJs4学习（十）Grid单元格换色和行换色的方法

标签：

Grid单元格换色

{
				text:'类别',
				dataIndex:'type',
				align:'center',
				renderer:function(value,metaData){
					console.log(metaData);
					if(value==0){
						metaData.css='x-grid-record-gray'; 
						return "<span style='color:#FFF;font-weight:bold;'>注销系统</span>";
					}else if(value==1){
						metaData.css='x-grid-record-green'; 
						return "<span style='color:#FFF;font-weight:bold;'>登录系统</span>";
					}
				}
			}

.x-grid-record-gray{
	background-color:gray !important;
}
.x-grid-record-green{
	background-color:green !important;
}

效果：

行换色

viewConfig:{
				stripeRows: false,//是否隔行换色
				getRowClass : function(record,rowIndex,rowParams,store){
					var type = record.get('type');
					switch (type){
					case '0':
						return 'x-grid-record-gray';
					case '1':
						return 'x-grid-record-green';
					}
				}
			}

viewConfig: {
    getRowClass: function(record, rowIndex, rowParams, store){
        return record.get("valid") ? "row-valid" : "row-error";
    }
}

ExtJs4学习（十）Grid单元格换色和行换色的方法

标签：

原文地址：http://blog.csdn.net/lovesomnus/article/details/42196829