Question

我尝试动态更改其变量的值。一旦点击（更改故障单ID ）按钮，然后执行 onClickSendEmail ，变量值应更改 tickedId 。它无法使用newTickedId进行更新。我尝试使用 @defining 创建变量，并按功能单独调用。所以，基本上我卡住了。它将如何解决。

@(sender: String)
<!--@{var tickedId = "tickedId"}-->


@defining(sender.contains("@")) {isEmail =>
@main((if(isEmail) "Email" else "Chat") + " Messages - " + sender) {

    ...
    ...
    ...
<div>
 <a onclick="onClickSendEmail();return false;">
            Change Ticket ID
     </a>
</div>

@defining("getTicketId()") { tickedId =>

        @views.html.common.form.panel("Reply",controllers.routes.ChatMessageController.sendEmail(tickedId,sender),"Send"){
                <textarea id="emailArea" cols="100" rows="4" name="emailArea"></textarea>
        }


<script type="text/javascript">
            function onClickSendEmail() {
                tickedId= "NewUpdatedTicketId";
            }
     function getTicketId() {
             return "NewUpdatedTicketId";
            }
    </script>
 }
}
}

Answer 1

你不应该将Twirl模板与Javascript混合使用。这是一个糟糕的方法。 Twirl的作用是呈现HTML块。您可以在此处定义条件和变量，以便动态更改HTML输出。使用Javascript时，您可以修改此呈现的HTML输出，而无需重新加载页面在某些情况下，您需要在Javascript中使用Twirl变量，然后您可以执行以下操作：

@(chartData: Html)

<script>
    let jsData = @twirlData; // where twirlData is an existing variable
    console.log(jsData)
</script>

这是a link，您可以在这里阅读更多内容。

Play2 scala模板中的动态传递值

1 个答案: