FreeMarker动态设置样式html样式
温馨提示：
本文最后更新于 2022年06月19日，已超过 840 天没有更新。若文章内的图片失效（无法正常加载），请留言反馈或直接联系我。
问题场景
现在有这么一个需求：bootstrap面板集合，我只想让第一个或者最后一个面板是默认展开的其他是折叠起来的。
已知使用panel-collapse collapse样式可以使面板折叠起来，panel-collapse可以使面板展开
解决方法
数据多数是从后台传过来的，所以必定有唯一id，我们可以根据id来判断==1 或者==size来进行动态设置样式。
那么现在的问题就是在使用FreeMark模板引擎中如果进行动态的进行设置html样式。
首先对于这种二选一的样式，我们通常想到的就是三元表达式，如果你能想到这一步那么接下来就剩FreeMark的语法问题了。
代码
class = "${(item.id==list?size)?string('panel-collapse','panel-collapse collapse')}"
以上内容如果对您有帮助的话，客官可否赏一个赞呢！
正文到此结束
- 本文标签： FreeMark bootstrap
- 本文链接： https://www.it1997.com/article/90
- 版权声明： 本文由小陈没烦恼原创发布，转载请遵循《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
热门推荐
近期评论
-
来自： 阅读更多 展开全文的功能是如何实现的
-
来自： 阅读更多 展开全文的功能是如何实现的
-
来自： 好用的截图工具FastStone Capture 带激活码）
-
来自： 留言板
-
来自： 留言板
