查看: 2014|回复: 7

数据表格中的字段修改样式

升级   5.42%

36

主题

87

回帖

542

积分

注册会员

Rank: 2

积分
542
发表于 2024-7-28 23:26:18 | 显示全部楼层 |阅读模式
我在数据表格中有一个input字段假设id为"a",我如何能修改a的样式,使a值为“完成”时字体颜色为蓝色,“未完成”为橙色?
回复

使用道具 举报

升级   5.42%

36

主题

87

回帖

542

积分

注册会员

Rank: 2

积分
542
发表于 2024-7-28 23:34:06 | 显示全部楼层
顺便问一下,我的这个数据表格是获取数据后在form的afterLoad事件中填充的,我应该把修改样式的代码放在哪里?
回复

使用道具 举报

升级   100%

139

主题

1万

回帖

4万

积分

超级版主

Rank: 8Rank: 8

积分
41458
发表于 2024-7-29 11:26:18 | 显示全部楼层
只能通过获取这个input的dom对象的方式来设置,在afterLoad里填充之后
回复

使用道具 举报

升级   5.42%

36

主题

87

回帖

542

积分

注册会员

Rank: 2

积分
542
发表于 2024-7-29 15:18:51 | 显示全部楼层
论坛管理员 发表于 2024-7-29 11:26
只能通过获取这个input的dom对象的方式来设置,在afterLoad里填充之后

请问是写在input的afterload里吗?

我现在在input的onchange里这样写的,不知道可不可行:
//获取当前组件所在数据模板/数据表格的行(条目)对象
var line = this.target.parentLine;
//获取当前字段所在行下标
var index = line.getIndex();
//获取当前字段所在条目的subject字段的值
var data = line.getModule("status").getData();
var node = line.getModule("status").node;
var input = node.querySelector('input')
if(data == '已收悉') {
    input.style.color = 'green'
} else if (data == '未收悉') {
    input.style.color = 'orange'
} else {
    input.style.color = 'red'
}
回复

使用道具 举报

升级   100%

139

主题

1万

回帖

4万

积分

超级版主

Rank: 8Rank: 8

积分
41458
发表于 2024-7-31 09:56:21 | 显示全部楼层
您在哪里给它赋值?不是表单的afterload吗?就在您赋值的代码后去加
回复

使用道具 举报

升级   5.42%

36

主题

87

回帖

542

积分

注册会员

Rank: 2

积分
542
发表于 2024-7-31 15:03:23 | 显示全部楼层
论坛管理员 发表于 2024-7-31 09:56
您在哪里给它赋值?不是表单的afterload吗?就在您赋值的代码后去加

是在表单的afterload中赋值的,我应该怎么获取这个dom呢?它在数据表格中可能有很多呀
回复

使用道具 举报

升级   100%

139

主题

1万

回帖

4万

积分

超级版主

Rank: 8Rank: 8

积分
41458
发表于 2024-8-5 09:20:12 | 显示全部楼层
获取数据表格,this.form.get("datatable").node,然后里面有个表格,去拿到表格的第几列,判断一下修改样式
回复

使用道具 举报

升级   5.42%

36

主题

87

回帖

542

积分

注册会员

Rank: 2

积分
542
发表于 2024-8-5 09:21:48 | 显示全部楼层
论坛管理员 发表于 2024-8-5 09:20
获取数据表格,this.form.get("datatable").node,然后里面有个表格,去拿到表格的第几列,判断一下修改样 ...

好的,谢谢,顺便问一下9.1.1的数据表格导入导出报错问题什么时候可以解决呀
回复

使用道具 举报

发表回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

联系客服 关注微信 下载APP 返回顶部 返回列表
viewthread