gpt4 book ai didi

javascript - Kendo UI 网格和 ng 风格

转载 作者:行者123 更新时间:2023-12-03 06:24:50 25 4
gpt4 key购买 nike

我有一个 Angular Kendo UI 网格,它正在从我的数据源读取一系列属性。其中之一包含颜色字符串。我想使用所述颜色字符串来设置网格中方框的背景颜色。

我使用以下盒子模板:

template: "<img class='alarm-box-prediction variable' ng-style={'background-color': dataItem.type}'></img>"

我的数据源中的相关数据如下:

dataSource: {
dataSource: function(data) {
// Map the stored properties in the data array of objects received to
// their corresponding columns in the Grid
return $.map(data, function(alarmProperty) {
return {
// Change array index to match API once we are getting data from there
type: alarmProperty[0],
//... there are more properties here but i removed them as they are not the focus
};
});
},

当前用作我的 DS 的 JSON 文件的相关数据(不过很快就会更改)是:

{
"alarms": [
{
"type": "Yellow",
//...
}
//...
]}

最佳答案

发现问题了。 ng-style 需要采用不同的格式,因为它作为字符串传递给 kendo。

template: "<img class='alarm-box-prediction variable' ng-style=\"{'background-color':dataItem.type}\"></img>",

关于javascript - Kendo UI 网格和 ng 风格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38701510/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com