数据模型dataModel遍历图元时并且要移除指定时,不能在遍历循环中dm.remove(),需要做好标记在新的循环中移除,否则会影响前面循环遍历本身!

这段代码展示了如何使用JavaScript操作表格的列宽、显示名称、对齐方式以及单元格字体颜色。通过遍历表格数据,根据`columnWidths`、`columns`、`centerAlign`和`tableTextColor`等属性来更新列的宽度、显示名和对齐方式,并定义了一个动态计算单元格颜色的函数。对于不再需要的图元,将其记录并后续移除。
摘要由CSDN通过智能技术生成

代码如下所示:

JavaScript
let toberemoved = []
cache.table.getColumnModel().getDatas().forEach((child,index) =>{
    if(index < data.ca('columnWidths').length) {
        console.log(cache.table.getColumnModel().getDatas())
        child.setWidth(data.ca('columnWidths')[index]);
    }
    if(index < nodeData.ca('columns').length){
        let columnData = nodeData.ca('columns')[index]
        columnData.displayName && child.setDisplayName(nodeData.ca('showColumnIndex') ? index + ':' + columnData.displayName : columnData.displayName)
        child.setAlign(data.ca('centerAlign') ? 'center' : 'left');
        //单元格字体及颜色
        let defaultColor = nodeData.ca('tableTextColor')[1];
        child.getLabelColor = (value, data, state)=>{
            if(value){    //data.getId() == 2 && index == 1,指定某行某列的字体颜色!
                let cb = new Function('return ' + nodeData.ca('columnDataFunc'))()
                let ret = cb && cb(nodeData,data,child,index,value)
                let colortmp = ret ? ret : defaultColor;
                return colortmp;
            }
            else{
                return defaultColor;
            }
        }
    }else{
        //记录需要被移除的图元,注意不能直接在这里移除,会影响未完成的循环!
        toberemoved.push(child);
    }
})

//根据标记移除图元
toberemoved.forEach((child,index)=>{
     cache.table.getColumnModel().remove(child);
})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

IOTOS

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值