如何将 jsf bean 值传递给 css calc 函数？答案

【问题标题】：How to pass jsf bean value to css calc function?如何将 jsf bean 值传递给 css calc 函数？
【发布时间】：2015-07-02 11:38:05
【问题描述】：

我在样式类中使用三元运算符。我无法通过 bean 值来设置表格的宽度。

这是我的代码：

<table style="#{manageBean.taskDetail.effort1 &lt; manageBean.taskDetail.effort2 ? 'width:calc((manageBean.taskDetail.effort1/manageBean.taskDetail.effort2)*100%);background-color:blue;' : 'width:10%;background-color:red;'}">

如果条件满足，则应根据计算显示宽度。以上计算无效。

有什么帮助吗？

【问题讨论】：

与问题无关但仍然有用：EL 支持lt、le、gt、...比较数字，不需要像&lt; 这样的HTML 实体

标签： css jsf el

【解决方案1】：

计算不起作用，因为您嵌套了一个 EL 表达式，而这在 JSF 2.2 上是不可能的。因此，calc (css) 从字面上理解为 manageBean.taskDetail.effort1，换句话说，就像一个字符串。您可以在 JS 上进行此计算或构建一个计算 css 样式的 Bean 方法。一个例子：

查看

<table style="#{dummyController.style}">
    <!-- content -->
</table>

豆

public String getStyle() {
    return number1 > number2? "width:calc((" + (number1 / number2) + ")*100%);background-color:blue;" : "width:10%;background-color:red;";
}

【讨论】：