JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色

前端之家收集整理的这篇文章主要介绍了JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

表格GridPanel概述

ExtJS中的表格功能非常强大,包括了排序、缓存、拖动、隐藏某一列、自动显示行号、列汇总、单元格编辑等实用功能

  表格由类Ext.grid.GridPanel定义,继承自Panel,其xtype为grid。ExtJS中,表格Grid必须包含列定义信息,并指定表格的数据存储器Store。表格的列信息由类Ext.grid.Column(以前是由Ext.grid.ColumnModel定义)、而表格的数据存储器由Ext.data.Store定义,数据存储器根据解析的数据不同分为JsonStore、SimpleStroe、GroupingStore等。

下面通过一段代码给大家介绍sencha gridpanel 编辑单元,具体代码如下所示:

下面一段代码是关于sencha gridpanel改变单元格颜色

标题列包含 审核通过则绿色,包含拒绝为红色:

MetaData,record,rowIndex,colIndex,store,view) { MetaData.tdAttr = 'data-qtip="'+record.data.Content+'"';

if(record.data.Content.indexOf('审核通过')!=-1)
{
MetaData.style="color:green";
}
else if(record.data.Content.indexOf('拒绝')!=-1)
{
MetaData.style="color:red";
}
return value;
},width: '*',dataIndex: 'Title',text: '标题'
}

原文链接:https://www.f2er.com/js/51452.html

猜你在找的JavaScript相关文章