传递 innerHtml 值作为播放框架路由的参数

Question

你好我正在尝试将内联编辑的 table 值作为参数传递给播放路线有人可以帮助我吗这是我的 html 代码

<table class="gradienttable">
        <thead>
                <tr>
            <th>Task</th>
             <th>TimeSheetdate</th>
            <th>Hours</th>
            <th>IsBilled</th>
             <th>Work Place</th>
        </tr>
        </thead>
            <tbody>
               @for(element <- CurrentPage) {
                        <tr>
                             <td contenteditable="true" id="task1">@element.getTask()</td>
                 <td>@element.getTimeSheetDate()</td>
                 <td contenteditable="true" id="hours">@element.getHours()</td>
                 <td contenteditable="true" id="isbilled">@element.getIsBilled()</td>
                 <td contenteditable="true"id="workplace">@element.getWorkPlace()</td>
                <td><a href="@{routes.Application.edit(task1.innerHTML)}" ><img src="@routes.Assets.at("images/edit.jpg")" alt="EDIT" style="width:20px;height:20px"></a>
                            </tr>
                    } 
            </tbody>
        </table>

路线

GET     /Application/edit            controllers.Application.edit(task1:String)

application.java

public static Result edit(String task1)
    {
        return ok(DisplayTimeSheet.render(task1));
    }

Answer 1

您似乎混淆了服务器端呈现的 Scala 模板与客户端的 DOM 操作。对于 @{routes.Application.edit(task1.innerHTML)}，就非 DOM 模板而言，task1 不存在。

您对 <a href="..."> 的使用有点奇怪，因为这会进行同步调用，如果您正在进行内联编辑，那么这可能不是您想要的。这个答案涵盖了使用 Play 的 JavaScript 路由器支持的异步方法（如果您以前没有见过它，那将是非常酷的）。

您需要在 JavaScript 路由器中公开 edit：

// You can also return an F.Promise<Result>
public static Result jsRoutes() {
response().setContentType("text/javascript");
return ok(Routes.javascriptRouter("appRoutes", //appRoutes will be the JS object available in our view
                                  routes.javascript.Application.edit()));

}

然后在路由中公开该方法：

GET           /assets/js/routes             controllers.Application.jsRoutes()

这将生成一大块 JavaScript 您可以导入

<script src="@controllers.routes.Application.jsRoutes()" type="text/javascript"></script>

最后，写一些 JavaScript 来处理内联编辑完成。

function doInlineEdit(taskName) {
    appRoutes.controllers.Application.edit(taskName).ajax( {
      success : function ( data ) {
        target.closest('li').remove();
      }
    });
}

然后您只需连接当您的内联可编辑元素更改内容时调用的方法。

您可以找到更多信息 here。

传递 innerHtml 值作为播放框架路由的参数

Passing innerHtml value as parameter for play framework routes

html

routes

playframework