【问题标题】:JSTL- set background color with conditionJSTL-根据条件设置背景颜色
【发布时间】:2015-04-21 12:58:03
【问题描述】:

我是 Java、JSTL、CSS、JSP... 任何与 Java 相关的 Web 应用程序世界的新手。 我正在同时学习和制作自己的网络程序(使用 Spring MVC)。

现在我将在 .jsp 文件中使用 JSTL 按条件设置 2 种不同的背景颜色。 我的编码是中位数。所以用jstl的jsp文件中的逻辑应该是这样的:

if (value < median)  
// set background: green
else
// set background: red

我已经在 Controller 中完成了所有中值的计算。 所以我的控制器提供中位数 以及数据的整数类型和字符串类型

(我注意到不能在浏览器页面上显示整数类型的数据,对吗?[Q1]

所以整数类型用于带中位数的条件操作,字符串类型用于在浏览器上呈现)

model.addAttribute("dataNo", dataNo);
model.addAttribute("dataStr", dataStr);
model.addAttribute("dataInt", dataInt);
model.addAttribute("median", median);

我的。像这样的jsp

(我的表是增加列)

<table class="table table-bordered">
    <tbody>
        <tr>
            <c:forEach var="dataNoValue" items="${dataNo}">
                <th>${dataNoValue}</th>
            </c:forEach>

        </tr>
        <tr>
            <c:forEach var="dataStrValue" items="${dataStr}">
                <th class="${dataInt < median ? 'background-color: green':'background-color: red'}">${dataStrValue}</th> -- [Q2] 
            </c:forEach>
        </tr>
    </tbody>
</table>

是的,[Q2] 错了,有什么建议吗?感激不尽!

【问题讨论】:

  • 应该是风格而不是类。

标签: spring jsp jstl


【解决方案1】:

您应该像这样用样式属性替换类属性:

<th style="${dataInt < median ? 'background-color: green':'background-color: red'}">${dataStrValue}</th>

或者创建两个绿色和红色类并像这样使用它们:

<style>
 .green{background-color: green}
 .red{background-color: red}
</style>

<th class="${dataInt < median ? 'green':'red'}">${dataStrValue}</th>

【讨论】:

  • 谢谢。我还有一个问题……首先解释一下数据类型,中位数是double类型,dataInt是List……数据类型不匹配时会不会有问题,不能使用条件逻辑?似乎这引起了问题..我是否必须同时转换 dataInt 和中位数才能进行比较?以及如何?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-07-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-04-30
  • 2011-12-27
  • 1970-01-01
相关资源
最近更新 更多