grid 单元格渲染

不要香菜

• 设置单元格样式的方法——使用grid组件的setCell方法
• 数据加载后设置所有单元格的样式——在grid组件的重新加载事件onReload中设置
• 数据修改后重新设置样式——在data组件的onValueChanged事件设置
  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

Model.prototype.taskGridReload = function(event){     var taskData = this.comp('taskData');     var me = this;     taskData.each(function(option){         me.setNameCellColor(option.row);     }); }; Model.prototype.taskDataValueChanged = function(event){     if(event.col=='sName'){         this.setNameCellColor(event.row);     } }; Model.prototype.setNameCellColor = function(row){     var style;     if(row.val('sName').length > 10)         style = {color:'#ff0000'};     else         style = {color:'#00ff00'};     this.comp('taskGrid').setCell(row.getID(),'sName',style); }; 使用此方法将gird指定单元格的字体颜色修改，但是只对前30条记录有效果，当数据大于30时单元格的颜色并不会变化，这个应该怎么解决呢？

jishuang

确认taskData.each执行了吗？

不要香菜

jishuang 发表于 2018-2-1 14:49
确认taskData.each执行了吗？

en,data.each()执行了的。

jishuang

下载3.7或者3.8版本测试看看，本地3.7和3.8显示都没问题
解决过grid渲染相关的问题

不要香菜

jishuang 发表于 2018-2-2 10:12
下载3.7或者3.8版本测试看看，本地3.7和3.8显示都没问题
解决过grid渲染相关的问题

。。。。。。。。。。。。

不要香菜

jishuang 发表于 2018-2-2 10:12
下载3.7或者3.8版本测试看看，本地3.7和3.8显示都没问题
解决过grid渲染相关的问题

Model.prototype.grid6Reload = function(event){
        var data = this.comp('allQuestion');
        var me = this;
        data.each(function(option){
            me.setCellColor(option.row, 'grid6');
        });
};
   
   
Model.prototype.setCellColor = function(row,grid){
        var style = {
            color : 'red'
        };
    this.comp(grid).setCell(row.getID(),'question',style);
};
Model.prototype.allQuestionValueChanged = function(event){
        this.setCellColor(event.row, 'grid6');
};


代码如上，图片里为渲染结果，超过30条则失效，开发的版本微3.7

jishuang

确认用的是3.7最新的版本吗？

不要香菜

jishuang 发表于 2018-2-26 16:11
确认用的是3.7最新的版本吗？

是的，截图是studio文件下的version  

jishuang

本地这个版本测试没问题

不要香菜

jishuang 发表于 2018-2-26 16:57
本地这个版本测试没问题

w文件和js文件如下，麻烦您看下问题出在哪里