1

祝大家新年快乐,

我正在开发一个项目,我必须在对话框(模式窗口)窗口的“列表”中显示每条记录的详细信息,同时用户单击列表中每条记录上的链接。我正在尝试使用 GrailUI 插件来完成此操作。这是我的代码:

<gui:dialog width="300px" 
           controller="tag" 
           action="showTags" 
           params=" [id:userInstance.userId]" 
           update="dialogData" 
           draggable="true" 
           triggers="[show:[type:'link', text:'Show Tags', on:'click']]" 
           modal="true">
   <div id='dialogData'>This will be updated by the controller action....</div> 

由于某种原因,对话框标签未触发控制器操作。它打开对话框窗口,但只显示此消息“这将由控制器操作更新......”。它没有显示控制器操作呈现的输出(视图)。有人可以帮助我了解我做错了什么吗?

Jquery 和 jquery-ui 是我在项目中使用的其他插件。

感谢你的帮助。

编辑

     def test(Integer max) {
        ....
        ....
        userInstanceList = User.list(params)
        render (view: "test", model: [userInstanceList: userInstanceList, userInstanceTotal: User.count()])

}           

def showTags () {
    def user = User.findByUserId(params.id)
        def tagInstanceList = user.tags
    render(view: "test", model: [tagInstanceList: tagInstanceList])
}
4

1 回答 1

2

如果您想将某些内容提交到远程,您需要设置form="true". 然后任何表单元素都可以放置在对话框标签内,而无需定义表单。当 form="true" 时,对话框创建自己的表单。

这是我测试过的一个例子:

测试.gsp:

    <html>
        <head>
            ....
            <r:require modules="grailsui-dialog"/>    
        </head>
        <body class="yui-skin-sam">            
            <gui:dialog width="300px" 
               controller="test" 
               action="showTags" 
               params=" [id:userInstance.userId]" 
               form="true"                        <!-- the key to remote submit -->
               update="dialogData" 
               draggable="true" 
               triggers="[show:[type:'link', text:'Show Tags', on:'click']]" 
               modal="true" >    
               <!-- You can put any input element here, which will be submitted in the form-->
               <div id='dialogData'>This will be updated by the controller action....</div>   
           </gui:dialog>
       </body>
   </html>

测试控制器:

class TestController {

    def test() { 
        .........
    }

    def showTags() {
        def user = User.findByUserId(params.id)
        def tagInstanceList = user.tags
        render(template: "ajaxResponse", model: [tagInstanceList: tagInstanceList, user:user])          //render a template, not a view
    }

对于 Ajax 请求,您不能呈现视图,该视图将替换原始页面。相反,您应该发回一个带有要在对话框中显示的标签的模板:

_ajaxResponse.gsp

<h3>Tag List of user ${user.username}</h3>
<g:each in="${tagInstanceList}" var="tag">
    <p>${tag}</p>
</g:each>
于 2013-01-02T15:43:17.953 回答