Javascript 希望使用从模型传递的数据更改甘特图上的背景色

我希望根据来自模型的数据更改甘特图的颜色

style="background-color: #= JobColor #">

          TaskViewModel task = new TaskViewModel();
                task.TaskID = taskId;
                task.ParentID = null;
                task.Id = job.Id;
                task.Title = team.Id;
                task.ContactName = job.ContactName;
                task.Phone = job.Phone;
                task.City = job.City;
                task.State = job.State;
                task.JobType = job.JobTypeId;
                task.Start = job.PlanStartDate;
                task.End = job.PlanEndDate;
                task.JobColor = job.JobColor;
                task.Expanded =true;
                task.Summary = false;

---

其中JobColor可能是我的数据库中的几个不同十六进制代码之一。

以下是模板修改的完整代码，包括完成后将其变成红色

  <script id="task-template" type="text/x-kendo-template">
    # if (percentComplete < 1) { #
    <div class="template" style="background-color: #= JobColor # ">

        <div class="wrapper">
            <span class="resource" style="font-size:smaller">#= City #, #=State#</span>
            @*<strong class="title">#= title # </strong>
            <span class="resource">#=ContactName#</span>
            <span class="resource">#=Phone#</span>*@

        </div>
    </div>
    # } else { #
    <div class="template" style="background-color: red;">
        <div class="wrapper">
            <strong class="title">#= title # </strong>
            <span class="resource">Job is complete</span>
        </div>
    </div>
    # } #
</script>

---

错误表明原始代码不是有效的颜色，这是真的，并且颜色直到重新加载程序后才改变。

以下是模板修改的完整代码，包括完成后将其变成红色

  <script id="task-template" type="text/x-kendo-template">
    # if (percentComplete < 1) { #
    <div class="template" style="background-color: #= JobColor # ">

        <div class="wrapper">
            <span class="resource" style="font-size:smaller">#= City #, #=State#</span>
            @*<strong class="title">#= title # </strong>
            <span class="resource">#=ContactName#</span>
            <span class="resource">#=Phone#</span>*@

        </div>
    </div>
    # } else { #
    <div class="template" style="background-color: red;">
        <div class="wrapper">
            <strong class="title">#= title # </strong>
            <span class="resource">Job is complete</span>
        </div>
    </div>
    # } #
</script>

---

错误表明原始代码不是有效的颜色，这是真的，并且颜色直到重新加载程序后才改变。

您需要提供更多的代码。既然您标记了JavaScript，我猜这就是您想要使用的，您有jQuery吗？如果没有，则要更改其颜色的DOM元素是否有标题？请把模型也拿出来。如果你不给我们信息，我们就帮不了你。我发现，即使它告诉我这有一个错误，它实际上也会做出更改。我必须重新启动Visual Studio才能正常工作。谢谢你的回复。我会发布更多的代码来说明什么是有效的。你需要提供更多的代码。既然您标记了JavaScript，我猜这就是您想要使用的，您有jQuery吗？如果没有，则要更改其颜色的DOM元素是否有标题？请把模型也拿出来。如果你不给我们信息，我们就帮不了你。我发现，即使它告诉我这有一个错误，它实际上也会做出更改。我必须重新启动Visual Studio才能正常工作。谢谢你的回复。我将发布更多的代码来说明什么是有效的。