在extjs中渲染表格后,对具有不同样式的两个单独的网格单元进行样式化

穆亚德(Muayad Salah)

我在ExtJS 5中给某些单元添加样式时遇到麻烦。在索引页中有两个样式规则:

.yellow-cell .x-grid-cell{
    font-weight: bold;
    background-color: yellow;
}
.red-cell .x-grid-cell{
    color:blue;
    background-color: red;
}

select事件中,所选择的小区应该是彩色的yellow-cell规则。以及需要使用其他规则着色的单元格red-cell,该表的其余部分仅是默认值。

var gridTable = Ext.getCmp('gridTable');
gridTable.on("select",function(obj, record, index, eOpts){
    gridTable.getView().addItemCls(record, 'yellow-cell');
});

并取消选择,removeItemCls()然后使用addItemCls()来添加red-cell样式。

有没有适当的方法可以做到这一点?因为我的代码仅对整行进行着色,而我仅对所选/取消选择的单元格进行着色。

我真的被困在这里,任何帮助将不胜感激。

用户3984802

gridTable.getView()。getCell(rec,col).addCls('yellow-cell');

您也可以尝试console.log(record)找到正确的div名称,然后执行以下操作:

Ext.get('idOfcellDiv ...')。addClas('yellow-cell');

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在同一文件中有两个具有不同样式的链接

来自分类Dev

在 ExtJs 中创建具有两个比例的网格

来自分类Dev

表格HTML的不同样式

来自分类Dev

Shapiro Wilk检验中具有相同结果的两个不同样本

来自分类Dev

是否可以有两种具有不同值的相同样式?

来自分类Dev

创建具有不同样式的大量文本-JavaFX FXML

来自分类Dev

具有不同样式的 Bootstrap 下拉菜单

来自分类Dev

页面上的两个<li>元素,具有不同的样式

来自分类Dev

如何使同一表格单元格中的两个项目具有不同的文本对齐方式?

来自分类Dev

具有不同行的两个表联接网格

来自分类Dev

Google图表(或其他JS可视化框架)在同一行中具有不同样式/颜色的折线图

来自分类Dev

JavaScript 比较两个具有相同 ID 的 <div> 元素,并在它们的内容不同时设置它们的样式

来自分类Dev

代码注释中的不同样式

来自分类Dev

如何更改comboBoxEx Dotnetbar的颜色,因为窗体具有具有不同样式的StyleManager

来自分类Dev

如何在具有两个不同单元格的表格视图中添加原始数据

来自分类Dev

单个CollectionView中两个具有不同尺寸的单元格

来自分类Dev

React为两个不同的图标创建一个样式化的组件?

来自分类Dev

通过每个选择中的两个不同列对具有两个选择的联合进行排序

来自分类Dev

在 Excel 中,如何在两个单独的工作表中匹配两个不同的值后有条件地设置单元格格式?

来自分类Dev

如何搜索两个具有两个不同值的连续单元格?

来自分类Dev

使用折叠的两个标题设置表格样式

来自分类Dev

如何在Sitecore MVC中对两个不同的Sitecore上下文具有紧密耦合的依赖关系的方法进行单元测试?

来自分类Dev

MS Word VBA-将文本插入具有不同样式的标题

来自分类Dev

使TextView使用具有不同样式(常规和斜体)的自定义字体

来自分类Dev

情节:如何为每个变量创建具有不同样式和颜色的折线图?

来自分类Dev

使TextView使用具有不同样式(常规和斜体)的自定义字体

来自分类Dev

MS Word VBA-将文本插入具有不同样式的标题中

来自分类Dev

通过ClientTemplate在Kendo网格中样式化单元格

来自分类Dev

如何在虾pdf生成导轨的单个表单元格中的两个元素中使用两种不同的样式?

Related 相关文章

  1. 1

    在同一文件中有两个具有不同样式的链接

  2. 2

    在 ExtJs 中创建具有两个比例的网格

  3. 3

    表格HTML的不同样式

  4. 4

    Shapiro Wilk检验中具有相同结果的两个不同样本

  5. 5

    是否可以有两种具有不同值的相同样式?

  6. 6

    创建具有不同样式的大量文本-JavaFX FXML

  7. 7

    具有不同样式的 Bootstrap 下拉菜单

  8. 8

    页面上的两个<li>元素,具有不同的样式

  9. 9

    如何使同一表格单元格中的两个项目具有不同的文本对齐方式?

  10. 10

    具有不同行的两个表联接网格

  11. 11

    Google图表(或其他JS可视化框架)在同一行中具有不同样式/颜色的折线图

  12. 12

    JavaScript 比较两个具有相同 ID 的 <div> 元素,并在它们的内容不同时设置它们的样式

  13. 13

    代码注释中的不同样式

  14. 14

    如何更改comboBoxEx Dotnetbar的颜色,因为窗体具有具有不同样式的StyleManager

  15. 15

    如何在具有两个不同单元格的表格视图中添加原始数据

  16. 16

    单个CollectionView中两个具有不同尺寸的单元格

  17. 17

    React为两个不同的图标创建一个样式化的组件?

  18. 18

    通过每个选择中的两个不同列对具有两个选择的联合进行排序

  19. 19

    在 Excel 中,如何在两个单独的工作表中匹配两个不同的值后有条件地设置单元格格式?

  20. 20

    如何搜索两个具有两个不同值的连续单元格?

  21. 21

    使用折叠的两个标题设置表格样式

  22. 22

    如何在Sitecore MVC中对两个不同的Sitecore上下文具有紧密耦合的依赖关系的方法进行单元测试?

  23. 23

    MS Word VBA-将文本插入具有不同样式的标题

  24. 24

    使TextView使用具有不同样式(常规和斜体)的自定义字体

  25. 25

    情节:如何为每个变量创建具有不同样式和颜色的折线图?

  26. 26

    使TextView使用具有不同样式(常规和斜体)的自定义字体

  27. 27

    MS Word VBA-将文本插入具有不同样式的标题中

  28. 28

    通过ClientTemplate在Kendo网格中样式化单元格

  29. 29

    如何在虾pdf生成导轨的单个表单元格中的两个元素中使用两种不同的样式?

热门标签

归档