Grails/Groovy中表单添加id

Grails/Groovy的动态页面GSP中,支持动态建立静态页面元素以及文件,如<g:resource>、<g:link>等标签。使用这项功能可以比较方便地与server端数据进行交互。Grails/Groovy同时也提供了创建表单的标签<g:form>,在使用该标签时,与普通<form>标签有一点小区别,即<g:form>表单中定义的id项,将作为action的一部分,最后生成的form表单中并无id项。如:

<g:form controller="game" action="list" id="gameForm">
  <label for="name">Username</label>
  <input type="text" name="name" id="name"/>
  <label for="psw">Username</label>
  <input type="password" name="psw" id="psw"/>
</g:form>

 在<g:form>标签中定义的id="gameForm"项,在生成的页面中将成为action的一部分:

<form action="game/list/gameForm">
  <label for="name">Username</label>
  <input type="text" name="name" id="name"/>
  <label for="psw">Username</label>
  <input type="password" name="psw" id="psw"/>
</form>

 若在部分需要对form表单进行JS操作的场景下,此种定义方式将无法使用id获取该form对象。

经查阅Grails官网发现,<g:form>标签中id项确实不支持此项功能,若需要在生成的form中添加id项,可以使用name项,这将在生成的页面中生成相同的name和id两个元素,如:

<g:form controller="game" action="list" name="gameForm">
  <label for="name">Username</label>
  <input type="text" name="name" id="name"/>
  <label for="psw">Username</label>
  <input type="password" name="psw" id="psw"/>
</g:form>

 生成的静态页面如下:

<form action="game/list" id="gameForm" name="gameForm">
  <label for="name">Username</label>
  <input type="text" name="name" id="name"/>
  <label for="psw">Username</label>
  <input type="password" name="psw" id="psw"/>
</form>

 这样,就可以像普通form表单一样使用jQuery以及标准JavaScript语言获取form表单,对其进行操作。

你可能感兴趣的:(Grails/Groovy)