html5 – Grails g:选择添加HTML 5数据属性

发布时间:2020-10-08 发布网站:编程之家
编程之家收集整理的这篇文章主要介绍了html5 – Grails g:选择添加HTML 5数据属性编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在Grails g:select taglib的每个选择选项中加载额外的数据.所需的输出如下:

<select id="select">
  <option value="1" data-foo="dogs">this</option>
  <option value="2" data-foo="cats">that</option>
  <option value="3" data-foo="gerbils">other</option>
</select>

我无法使用HTML 5的数据属性找到将额外数据添加到taglib的方法.那么如何实现类似的输出呢?

解决方法

你可以通过(mis-)使用闭包来渲染选择选项的值(在Grails select taglib中称为optionKey)来做到这一点:

<g:select from="${books}"
      optionKey="${{ book -> "${book.id}\" data-author=\"${book.author.name}"}}"
      optionValue="title"
      name="selectedBook"/>

这将使用data-author属性呈现选项:

<option value="1" data-author="Johann Wolfgang von Goethe">Faust</option>

这至少在Grails 2.4.4和Grails 3.1.5中有效.

总结

以上是编程之家为你收集整理的html5 – Grails g:选择添加HTML 5数据属性全部内容,希望文章能够帮你解决html5 – Grails g:选择添加HTML 5数据属性所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入编程之家官方QQ群:1065694478