Javascript 和 SharePoint 2013:设置列表项的背景颜色
Javascript and SharePoint 2013: Set background color to list item
我在 SharePoint 中使用了一个脚本,它根据计算值将字段设置为绿色或白色。它没有任何问题(我只包含了一小段代码,如果需要,我可以包含整个函数)。
我在代码中计算statusValue,然后,如果它是<或>阈值,该字段的背景会相应改变。
(function () {
var statusFieldCtx = {};
statusFieldCtx.Templates = {};
statusFieldCtx.Templates.Fields = {
"biui": {"View": StatusFieldViewTemplate}
};
SPClientTemplates.TemplateManager.RegisterTemplateOverrides(statusFieldCtx);
function StatusFieldViewTemplate(ctx) {
EQ = VALUE // Removed code for simplification
statusValue = MATH // Removed code for simplification
if (statusValue < EQ) {
return "<div style='background-color:green;color:white'>" + statusValue.toFixed(5) + "</div>";
}
else {
return "<div style='background-color:white;color:black'>" + statusValue.toFixed(5) + "</div>";
}
}
})();
我想在这之后进行更多的计算;但是,return
实质上结束了脚本。
是否有另一种方法可以设置类似于上述代码的背景,而不使用 return
功能?
原来答案很简单,我有点懵
我刚刚创建了一个主函数,它调用了另外两个函数。
最初我尝试 return 用一个 return 得到两个结果;但是,它们都链接到一个字段;因此,我需要调用两个单独的函数。
我需要运行以允许多个 return 到不同的字段,即:
(statusFieldCtx.Templates.Fields = {"biui": {"View": StatusFieldViewTemplate}};
.
和
(statusFieldCtx.Templates.Fields = {"bzwi": {"View": StatusFieldViewTemplate}};
(function () {
funcOne();
funcTwo();
})();
function funcOnc(){
. . . Code linked to first field
}
function funcTwo(){
. . . Code linked to second field
}
我在 SharePoint 中使用了一个脚本,它根据计算值将字段设置为绿色或白色。它没有任何问题(我只包含了一小段代码,如果需要,我可以包含整个函数)。
我在代码中计算statusValue,然后,如果它是<或>阈值,该字段的背景会相应改变。
(function () {
var statusFieldCtx = {};
statusFieldCtx.Templates = {};
statusFieldCtx.Templates.Fields = {
"biui": {"View": StatusFieldViewTemplate}
};
SPClientTemplates.TemplateManager.RegisterTemplateOverrides(statusFieldCtx);
function StatusFieldViewTemplate(ctx) {
EQ = VALUE // Removed code for simplification
statusValue = MATH // Removed code for simplification
if (statusValue < EQ) {
return "<div style='background-color:green;color:white'>" + statusValue.toFixed(5) + "</div>";
}
else {
return "<div style='background-color:white;color:black'>" + statusValue.toFixed(5) + "</div>";
}
}
})();
我想在这之后进行更多的计算;但是,return
实质上结束了脚本。
是否有另一种方法可以设置类似于上述代码的背景,而不使用 return
功能?
原来答案很简单,我有点懵
我刚刚创建了一个主函数,它调用了另外两个函数。
最初我尝试 return 用一个 return 得到两个结果;但是,它们都链接到一个字段;因此,我需要调用两个单独的函数。
我需要运行以允许多个 return 到不同的字段,即:
(statusFieldCtx.Templates.Fields = {"biui": {"View": StatusFieldViewTemplate}};
.
和
(statusFieldCtx.Templates.Fields = {"bzwi": {"View": StatusFieldViewTemplate}};
(function () {
funcOne();
funcTwo();
})();
function funcOnc(){
. . . Code linked to first field
}
function funcTwo(){
. . . Code linked to second field
}