EXTJS4.2 控件之Grid getRowClass 添加行背景色

css 样式:

/*交流管理系统 开始*/
tr.x-grid-record-blue .x-grid-td { background: #87CEFF; }/*grid 行颜色*/

tr.x-grid-record-green .x-grid-td { background: #00ff90 }/*grid 行颜色*/
/*交流管理系统 结束*/

js:代码一

    viewConfig: {
        forceFit: true,
        stripeRows: true,
        getRowClass: changeRowClass
    },

代码二

function changeRowClass(record, rowIndex, rowParams, store) {

    if (record.get("SegmentType") == "1") {
        return ‘x-grid-record-blue‘;
    } else {
        return ‘x-grid-record-green‘;
    }
}

链接相关:http://www.qeefee.com/article/000424

时间: 2024-10-27 11:15:56

EXTJS4.2 控件之Grid getRowClass 添加行背景色的相关文章

EXTJS4.2 控件之Grid 根据数据源某列数据不同绑定不同的控件setEditor

Grid 根据数据源某列数据不同绑定不同的控件,例如:文本框和下拉框 主要代码写在grid的  plugins: [rowEditing],下面这是定义的rowEditing对象,这里面的要定义成 Ext.grid.plugin.CellEditing而不是Ext.grid.plugin.RowEditing Ext.getCmp('pvn').setEditor(form组件);这是给grid的列绑定组件, pvn是在列中定义的id! 如下: var rowEditing = Ext.crea

EXTJS4.2 控件之Grid 行点击事件

listeners: { 'itemclick': function (view, record, item, index, e) { //Ext.MessageBox.alert("标题", record.data.cataId); } },

一个关于ExtJS4具体控件的详细教程

发现一遍介绍ExtJS控件介绍的比较好的系列文章,在此做总结 ExtJs4 笔记(1) ExtJs大比拼JQuery:Dom文档操作 ExtJs4 笔记(2) ExtJs对js基本语法扩展支持 ExtJs4 笔记(3) Ext.Ajax 对ajax的支持 ExtJs4 笔记(4) Ext.XTemplate 模板 ExtJs4 笔记(5) Ext.Button 按钮 ExtJs4 笔记(6) Ext.MessageBox 消息对话框 ExtJs4 笔记(7) Ext.tip.ToolTip 提示

在第三方控件 super Grid 中想要删除选中的行

代码: DialogResult result = MessageBox.Show("确定移除选中词吗?", "移除选中",MessageBoxButtons.YesNo,MessageBoxIcon.Information); if (result == DialogResult.Yes) { SelectedElementCollection grid = SuperGrid.PrimaryGrid.GetSelectedRows(); foreach (Gri

EXTJS 4.2 资料 控件之Grid 那些事

最近在学习Extjs4.2 ,积累文章,看得不错,再此留年: //表格数据最起码有列.数据.转换原始数据这3项 Ext.onReady(function(){ //定义列 var columns = [ {header:'编号',dataIndex:'id',width:50}, //sortable:true 可设置是否为该列进行排序 {header:'名称',dataIndex:'name',width:80}, {header:'描述',dataIndex:'descn',width:11

可以导入导出到Excel支持多表头多层显示的表格控件Essential Grid

Essential Grid for Windows Forms是一款功能强大的表格控件,很多功能和Excel表格相似,具有15种单元格类型,可以导入导出到Excel,支持多表头,多层显示,合并单元格,插入计算公式,支持LINQ,过滤和分组等. 具体功能: 支持Banner Cells,可以联合背景和邻近的单元格来显示一个背景图像或图片 支持完全自定义单元格样式 支持多个单元格覆盖合并 可以冻结行和列 表格控件支持MS Office 2003, MS Office 2007 和 Vista 样式

EXTJS 4.2 资料 控件之Grid 添加行,编辑行,删除行

//SiteVariableConfigValue类,创立一个模型类 Ext.define("SiteVariableConfigValue", { extend: "Ext.data.Model", fields: [ { name: 'SVCValueId', type: 'int', sortable: true }, { name: 'SVCId', type: 'string', sortable: true }, { name: 'KeyInItem',

EXTJS 4.2 资料 控件之Grid Columns 列renderer 绑定事件

columns: [ { header: '序号', xtype: 'rownumberer', align: 'center', width: 100 }, { header: 'CompanyId', dataIndex: 'CompanyId', width: 100, hidden: true }, { header: '商家名称', dataIndex: 'CompanyName', width: 200 }, { header: '商家英文名称', dataIndex: 'Compa

EXTJS 4.2 资料 控件之Grid 列鼠标悬停提示

columns: [ { header: '序号', xtype: 'rownumberer', align: 'left', width: 50 }, { header: '货位编号', dataIndex: 'StorePosCode', width: 100 }, { header: '货位名称', dataIndex: 'StorePosName', width: 100, renderer: function (v, ctx, record) { ctx.tdAttr = " data