原创

FreeMarker动态设置样式html样式

温馨提示:
本文最后更新于 2022年06月19日,已超过 925 天没有更新。若文章内的图片失效(无法正常加载),请留言反馈或直接联系我

问题场景

现在有这么一个需求:bootstrap面板集合,我只想让第一个或者最后一个面板是默认展开的其他是折叠起来的。
已知使用panel-collapse collapse样式可以使面板折叠起来,panel-collapse可以使面板展开

file

解决方法

数据多数是从后台传过来的,所以必定有唯一id,我们可以根据id来判断==1 或者==size来进行动态设置样式。

那么现在的问题就是在使用FreeMark模板引擎中如果进行动态的进行设置html样式。

首先对于这种二选一的样式,我们通常想到的就是三元表达式,如果你能想到这一步那么接下来就剩FreeMark的语法问题了。

代码

class = "${(item.id==list?size)?string('panel-collapse','panel-collapse collapse')}"

以上内容如果对您有帮助的话,客官可否赏一个赞呢!

正文到此结束
本文目录