简体   繁体   English

Grails,取消选择后更新页面<g:field>

[英]Grails, Update Page after deselecting <g:field>

I have ag:field that when pressing enter or deselect it the page needs to refresh it self because i have a value that is calculated by value in the g:field 我有一个ag:field,当按Enter或取消选择它时,页面需要自我刷新,因为我有一个由g:field中的值计算得出的值

<g:field type="text" name="amount" pattern="[1-9]*" maxlength="2" value="${Buyer?.amount}"/>

I tired with, but it does not work for some reason 我很累,但是由于某种原因它不起作用

$("#amount").change(function() {
    $("#" + divId).load("/ordering" + "?amount=" + document.getElementById('amount').value)
 }
$("#amount").keydown(function (event) {
    if (event.keyCode === 13) {
        $("#" + divId).load("/ordering" + "?amount=" + document.getElementById('amount').value)
    }
}

I simplified your code a little to provide a complete working example, the following works for me with little changes to your original post. 我对您的代码进行了一些简化,以提供一个完整的工作示例,以下内容对我的工作对您的原始帖子进行了一些更改。

/views/test/index.gsp

<!doctype html>
<html>
<head>
    <meta name="layout" content="main"/>
    <script>
        $(document).ready(function(){
            var amt = $( '#amount' );
            $( amt ).keydown(function (event) {
                if (event.keyCode === 13) {
                    $( "#myDiv" ).load("/ordering" + "?amount=" + amt.val() )
                }
            });

            $( amt ).change(function() {
                $("#myDiv").load("/ordering" + "?amount=" + amt.val() )
            });
        });
    </script>
</head>
<body>
    <g:field type="text" name="amount" pattern="[1-9]*" maxlength="2" value="${params.amount}"/>
    <div id="myDiv"></div>
</body>
</html>

TestController

def ordering() {
    render( "Amount is ${params.amount}" )
}

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM