Jak wywołać szablon akceptujący zmienną liczbę argumentów w Play Framework 2

Question

Język szablonów programu Play Framework 2 jest całkiem niezły. Jednak, chociaż jest "inspirowany" językiem firmy Razor firmy Microsoft, jedna ważna decyzja projektowa jest inna: jak "uciekać z powrotem" do HTML. Razor szuka tagów w stylu HTML, a Play 2 używa jakiejś heurystyki.

Próbuję napisać szablon, który zajmuje wiele "sekcji" HTML i generuje stronę z nagłówkami i spisem treści. My „structuredpage.scala.html” wygląda następująco:

@(title: String)(sections: Pair[String,Html]*) 

@main(title){ 
    <nav class="page-links"> 
     @makeTableOfContents(sections) 
    </nav> 
    @for(section <- sections){ 
     <section id="@section._1"> 
      <h2>@section._1</h2> 
      @section._2 
     </section> 
    } 
} 

Zauważ, że jego drugi parametr jest liczba zmienna odcinków. Nie wydaje się, aby , a nie było to nazywanie tego w języku szablonowania Play.

I utworzeniu funkcji pomocnika nazwie Common.section który wygląda tak:

def section(title: String)(content: Html) = title -> content; 

Próbowałem to:

@() 
@import views.Common.section 

@structuredpage("Dashboard")(
    section("Latest Requests") { 
     <p>Blah</p> 
    }, 
    section("Your Details") { 
     <p>Blah blah</p> 
    } 
) 

... co daje type mismatch; found : scala.xml.Elem required: play.api.templates.Html na linii 5, tj <p>Blah</p> jest interpretowane jako Scala, a nie jako dokument HTML szablonu.

I tak:

@() 
@import views.Common.section 

@structuredpage("Dashboard"){ 
    @section("Latest Requests") { 
     <p>Blah</p> 
    }, 
    @section("Your Details") { 
     <p>Blah blah</p> 
    } 
} 

... co daje type mismatch; found : play.api.templates.Html required: (String, play.api.templates.Html) na linii 3, to znaczy cała zewnętrzna blok CURLEY-klamra jest interpretowany jako szablon dokumentu HTML, nie jako kod Scala!

denerwująco nie wydają się być ogromnie różni się od niektórych próbek kodu w oficjalnej dokumentacji play 2, na przykład: http://www.playframework.org/documentation/2.0/ScalaTemplateUseCases

pomysłów? Używam Odtwórz Framework 2.0.4

Answer 1

Oto czego możesz potrzebować. To nie jest dokładnie FP chociaż

structuredpage.scala.html

@(title: String)(content: scala.collection.mutable.MutableList[Pair[String, Html]] => Unit) 

@main(title){ 
    @defining(new scala.collection.mutable.MutableList[Pair[String,Html]]()) { sections => 
     @content(sections) 
     @for(section <- sections){ 
      <section id="@section._1"> 
       <h2>@section._1</h2> 
       @section._2 
      </section> 
     } 
    } 
} 

frontpage.scala.html metoda

@() 

@import views.Common.section 

@structuredpage("Front Page") { implicit sections => 
    @section("Section 1") { 
     <h1>stuff</h1> 
    } 

    @section("Section 2") { 
     <h1>more stuff</h1> 
    } 
} 

sekcja:

def section(title: String)(content: Html)(implicit sections: scala.collection.mutable.MutableList[Pair[String, Html]]) { 
    sections += title -> content 
} 

Answer 2

nie mogę przetestować to teraz w tej maszynie, ale następujące powinny działać (nie ma potrzeby metody auxiliar):

@() 

@structuredpage("Dashboard"){ 
    ("Latest Requests", { 
     <p>Blah</p> 
    }), 
    ("Your Details", { 
     <p>Blah blah</p> 
    }) 
} 

Answer 3

Oto obejście:

@import views.Common.section 

@sec1 = { <p>Blah</p> } 

@sec2 = { <p>Blah blah</p> } 

@structuredpage("Dashboard")(
    section("Latest Requests")(sec1), 
    section("Your Details")(sec2) 
) 

poprzednia próba:

myślę twoje życzenie czyni go skomplikowana. Szablony powinny być proste. Oto prosta alternatywa:

index.scala.html

@structuredpage("Dashboard"){ 
    @section("Latest Requests") { 
     <p>Blah</p> 
    } 

    @section("Your Details") { 
     <p>Blah blah</p> 
    } 
} 

section.scala.html

@(title: String)(content: Html) 

<section id="@title"> 
    <h2>@title</h2> 
    @content 
</section> 

structuredpage.scala.html

@(title: String)(sections: Html) 

@main(title){ 
    <nav class="page-links"> 
     table-of-contents goes here 
    </nav> 
    @sections 
} 

Zrobiłem sens : https://gist.github.com/4280577. Możesz to sprawdzić i grać z nim.