2011-05-14 82 views
0

我有一个显示bookInstance详细信息的页面。在该页面上,我想放置一个使用g:链接的按钮来显示一些额外的细节。Grails g:链接按钮显示为大于其他按钮

我有机械地工作的代码,但按钮显示不正确。该按钮的框不缩小到内容的大小,并且在按钮的右侧添加了一条有趣的线条。

这是我目前使用的代码;

<g:form> 
    <p><g:actionSubmit class="button" action="edit" value="${message(code: 'default.button.edit.label', default: 'Edit')}" /> 
    <g:actionSubmit class="button" action="delete" value="${message(code: 'default.button.delete.label', default: 'Delete')}" onclick="return confirm('${message(code: 'default.button.delete.confirm.message', default: 'Are you sure?')}');" /> 
    <g:link controller="ownedBook" action="list" params="['book.id': bookInstance?.id]" ><input class="button" value="${message(code: 'default.button.add.owner.label', default: 'Owned Copies')}" /></g:link> 
    <g:hiddenField name="id" value="${bookInstance?.id}" /></p> 
</g:form> 

Image Link

+1

什么是输出HTML?使用任何自定义CSS? – 2011-05-14 18:16:13

+0

是的,它是一个html输出。 – Andrew 2011-05-14 18:37:10

+0

按钮类的css是; .button { font-size:1.05em; color:#FFFFFF; background-color:#b2c951; border:1px solid#245416; padding:5px; margin:10px 5px 0px 0px; } .button:hover { background-color:#c9e06d; } – Andrew 2011-05-14 18:38:28

回答

0

你在你的G包装输入按钮:链接。只需使用消息(即形成按钮标签)作为g:链接内容。

你想要锚点标记或按钮吗?

+0

我想要一个按钮寻找链接。 – Andrew 2011-05-15 07:37:01

+0

然后使用g:actionSubmit并使用事件处理程序。 – 2011-05-15 15:22:17

+0

或者,按照上面所述使用g:链接并修改其外观。无论哪种情况,在g:链接内嵌入输入按钮都不是您想要的。 – 2011-05-15 15:39:17