2015-04-23 49 views
0

我有一個問題,我知道它很基本,實際上我認爲沒有一個Google的搜索結果正是因爲它非常基本。我有一個集成了用於UI的Twitter Bootstrap 3的Play 2.0應用程序,但我的問題是(我認爲)完全與UI相關。將按鈕與Twitter中的應用程序路線相關聯Bootstrap UI(與Play Framework 2.0一起使用)

我使用提供的Bootstrap示例之一創建了一個基本頁面。在它上面,有一個搜索框和相關的「搜索」按鈕。目前,我無法弄清楚如何將搜索框的輸入傳遞給我的應用中的配置路由。

這裏的箱/按鈕代碼:

 <form class="navbar-form navbar-right"> 
     <div class="form-group"> 
      <input type="text" placeholder="Search for Patient by ID" class="form-control"> 
     </div> 
     <button type="submit" class="btn btn-success">Search</button> 
     </form> 

我試着加入這樣一個鏈接到按鈕的代碼:

<button type="submit" a href="@routes.Users.showFhirUserDetails(fhirID: String)" class="btn btn-success">Search</button> 

因爲我想輸入到搜索框視爲參數fhirID,它是一個字符串。但是我得到一個錯誤,說明找不到方法showFhirUserDetails()所需的參數。我的問題是,我怎樣才能將輸入作爲一個特定的參數對待搜索框(或任何這樣的領域)?

回答

2

URL形式submition的需要給予的形式action屬性,此外,如果你想發送他們需要有name屬性某些領域,所以你的代碼需要看起來像這樣:

<form action="@routes.Users.showFhirUserDetails()" class="navbar-form navbar-right"> 
    <div class="form-group"> 
    <input type="text" name="fhirID" placeholder="Search for Patient by ID" class="form-control"> 
    </div> 
    <button type="submit" class="btn btn-success">Search</button> 
</form> 

而且在你的routes文件中,這個路由參數必須設置爲可選的!

GET /show-details controllers.Users.showFhirUserDetails(fhirID: String ?= null) 

檢查文檔的optional params

+0

感謝您的幫助! 儘管最後一條路由是「GET/emr/bootstrapDetails controllers.Users.fhirUserDetails(fhirID:String?= null)」,但我將路由參數設置爲可選項時,出現了「Action not found」確實有一個方法fhirUserDetails(),所以我不明白爲什麼搜索沒有工作。我正在嘗試一個通常有效的已知ID – dkhaupt

+0

發送表單後,地址欄中顯示的地址是什麼? – biesior

+0

這是一個無關的問題 - 再次感謝。你的答案完美無缺! – dkhaupt

相關問題