FineUI 官方论坛

标题: Grid 单元格的颜色如何设定。 [打印本页]

作者: 震宇 时间: 2013-1-30 07:00
标题: Grid 单元格的颜色如何设定。
如题，我想问一下，Grid里面怎么样设定单元格的颜色。

作者: 震宇 时间: 2013-1-30 07:41
var cell = grid.getView().getCell(1,2);
Ext.get(cell).first().addClass('cell');

------------这样就可以了 ----

作者: delphi9 时间: 2013-6-29 16:46
你这什么版本啊，我的没有getView的方法

作者: sanshi 时间: 2013-6-30 18:50
楼主说的对，我简单测试了一下：

var cell = X('Grid1').getView().getCell(1,2);
Ext.get(cell).setStyle('color', '#ff0000');

复制代码

这个代码可以将第二行，第三列的单元格内文字颜色改为红色。

作者: yygy 时间: 2013-6-30 20:36
留个记号

作者: delphi9 时间: 2013-7-1 09:04
这是在客户端执行的吧，我试试看

作者: Cer 时间: 2013-9-10 14:46

sanshi 发表于 2013-6-30 18:50
楼主说的对，我简单测试了一下：这个代码可以将第二行，第三列的单元格内文字颜色改为红色。 ...

<script type="text/javascript">
function onReady(){
var cell = X('<%=grid.ClientID%>').getView().getCell(1, 2);
Ext.get(cell).setStyle('color', 'red');
};
</script>

复制代码

这样写出现的问题是：单元格文字红色样式一闪而过，怎样才能保证fineuiGrid加载完毕之后才执行onReady的代码呢？

作者: sanshi 时间: 2013-9-10 16:07

Cer 发表于 2013-9-10 14:46
这样写出现的问题是：单元格文字红色样式一闪而过，怎样才能保证fineuiGrid加载完毕之后才执行onReady的 ...

可以把改变表格内容的代码放在：

var grid = X(gridClientID);
grid.addListener('viewready', function () {
expandAllRows();
});

复制代码

参考示例：http://fineui.com/demo/#/demo/gr ... nder_expandall.aspx

作者: Cer 时间: 2013-9-11 11:18

sanshi 发表于 2013-9-10 16:07
可以把改变表格内容的代码放在：参考示例：http://fineui.com/demo/#/demo/grid/grid_rowexpander_expand ...

感谢sanshi的回复！最后换了一个思路解决这个问题：使用<x:TemplateField >来实现控制单元格文本颜色；看了sanshi的方法，这种方案可能更好，毕竟是在客户端实现。

作者: 洋哥哥 时间: 2013-10-11 16:18
我也遇到了这个问题，能否提供一下源码呢，感激不禁

作者: yezie 时间: 2014-1-22 15:00

sanshi 发表于 2013-6-30 18:50
楼主说的对，我简单测试了一下：这个代码可以将第二行，第三列的单元格内文字颜色改为红色。 ...

onAjaxReady时如何清除原来的字体颜色？
类似行操作：grid.el.select('.x-grid3-row table.highlight').setStyle('color', '');
我改成这个不行：grid.el.select('.x-grid3-cell').setStyle('color', '');

作者: tarcyshu 时间: 2014-3-27 12:00
Uncaught TypeError: Object 2 has no method 'getCellSelector' ext-part1.js:21

出现这样的错误，不知道大家有没有更好的解决办法？

欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/)