FreeMarker动态设置样式html样式
温馨提示:
本文最后更新于 2022年06月19日,已超过 925 天没有更新。若文章内的图片失效(无法正常加载),请留言反馈或直接联系我。
问题场景
现在有这么一个需求: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)》许可协议授权