2017-01-09 4 views
0

プレイとプレイのブートストラップのプラグインを使用して、どのように1ページに表示するために、空にするのでしょうか?Playブートフォームを使用して新しい空のフォームを作成するには? (Java)の

つまり、データオブジェクトSomethingがある場合、プレイバックストラップを使用して空のフォームを作成すると、ユーザーは新しいSomethingを作成できますか?

(代わりにSomethingの、たとえば、コメントを考えてみましょう - 作成するには、編集することはありません)。 twirlFile使用したいtwirlFile.scala.htmlテンプレートです

ページをロードされた方法のためにあなたのコントローラクラスで
+0

オリジナルメッセージは、このメッセージを含んでいた: '私は常に明確な文書を作った人々を望む - 私はできるだけ早くこれをお答えします、これは単なるplaceholder'です。 [OK]を、私は今のところ保留延期が、自己回答の質問はまだ「本物」のものと同じ品質のものでなければならないことを覚えているだろう。これはむしろ薄い側面にあります...あなたはそれをまったく拡張できますか?あなたはそれを解決する前に何の問題がありましたか? – halfer

+0

@halfer - whoops!私はこれに答えるのを忘れてしまった! – bharal

+0

OK、ありがとうございます。それにもかかわらず、あなたが元の質問を拡大することができれば、それはまだ良いでしょう。 – halfer

答えて

1

、あなたが見たい(そしてこれは、Javaを使用している)

public Result methodName(){ 
    Form<Something> aForm = formFactory.form(Something.class); 
    return ok(twirlFile.render(aForm)); 
} 

。あなたが任意の空のフォームを持っているし、フォームに隠されたIDを入れたいと思っていなかった場合(代表、ボーナスとして

<div class="row"> 
     <div class="col-sm-3" ></div> 
     <div class="col-sm-6" > 
      @b3.form(routes.Controller.saveSomething) { 
       @b3.text(form("name"), '_label -> "Title", 'placeholder -> "Enter Something name here") 
       @b3.text(form("description"), '_label -> "Description", 'placeholder -> "Enter short description here") 
       @b3.submit('class -> "btn btn-default"){ <span class="glyphicon glyphicon-ok"></span> Save } 
       @flash.get("success") 
      } 
     </div> 
     <div class="col-sm-3" ></div> 
    </div> 

:あなたはこのようになりますいくつかのコードが必要こと以内

)サムシング `でidフィールドに追加します。

@b3.form(routes.Controller.saveSomething) { 
    @b3.hidden("id", form("id").value, 'attr -> false 
    @b3.text(form("name"), '_label -> "Title", 'placeholder -> "Enter Something name here") 
    @b3.text(form("description"), '_label -> "Description", 'placeholder -> "Enter short description here") 
    @b3.submit('class -> "btn btn-default"){ <span class="glyphicon glyphicon-ok"></span> Save } 
    @flash.get("success") 
} 
0123:だからあなたのフォームは、次にようになります

@b3.hidden("id", form("somethingId").value, 'attr -> false 

この記事で

関連する問題