nasıl varsayılan yardımcı veya twitterBootstrap yardımcı benim Çal 2 app oluşturulan html çıktısını işlemesi gerektiğini

Question

Bu benim şablon geçerli:

@(smsReviewForm: Form[SmsReview], grades: Seq[Grade]) 

@styles = { 

} 

@scripts = { 

} 
@import mobile.mobileMain 
@import helper._ 
@mobileMain(Messages("reco.index.title"), styles, scripts) { 
    <div id="header"> 
     <p class="floatleft"><img src="@routes.Assets.at("images/mobile/general/reco.png")" alt="Reco" /></p> 
     <div class="clear"></div> 
    </div> 

    @helper.form(routes.Sms.submit) { 

     @helper.inputText(
      smsReviewForm("lastname"), 
      '_label -> "Label", 
      '_id -> "lastname" 
     ) 

     <div class="actions"> 
      <input type="submit" class="btn primary" value="Submit"> 
     </div> 
    } 
} 

Uygulamamda oluşturulan html benziyor düzenli @import helper._ kullanarak oyun 2.1 belgelerinde örnek: Ben @import helper.twitterBootstrap._ kullanıyorsanız

<dl class=" " id="lastname_field"> 
    <dt><label for="lastname">Label</label></dt> 
    <dd> 
    <input type="text" id="lastname" name="lastname" value=""> 
</dd> 
     <dd class="info">Required</dd>  
</dl> 

görünüyor gibi:

<div class="clearfix " id="lastname_field"> 
<label for="lastname">Label</label> 
<div class="input"> 

<input type="text" id="lastname" name="lastname" value=""> 
    <span class="help-inline"></span> 
    <span class="help-block">Required</span> 
</div> 

Ben uygulamasının dd hml türünü ve önyükleme ürünleri de ben withm çalışmaya alışkınım yapısına benzeyen twitter alışamadım ama önyükleme js ve css uygulanmasında ilgilenmiyorum. Yani benim sorum bu konuda düşünceleriniz. Ne kullandın? Belki html oluşturma için kendi uygulamanızı kullanıyorsunuzdur?

Answer 1

Oluşturma stilinizi belirtmek için kendi alan yapıcınızı oluşturmanız gerekir.

burada "Yazma Kendi kurucu" bölümü için resmi belgelerine

Görünüş:

http://www.playframework.com/documentation/2.1.0/ScalaFormHelpers

nedenle, yerine yapıcı helper.twitterBootstrap._ temel helpers._ veya varsayılan önyükleme alanını ithal, olur import MyOwnHelpers._ Yönlendiren için senin şablonun.

bütün iyi olduğunu doc ​​:) Daha fazla bilgi için

olarak anlatılmaktadır bir alan yapıcısı aşağıda bir örnek oluşturduğum: Tabi , benim hassas, boostrap kullanmayın özgürdür. Benim durumumda yaptım.

twitterBootstrapInput.scala.html

<div class="control-group @if(elements.hasErrors) {error}"> 
    <label class="control-label" for="@elements.id">@elements.label</label> 
    <div class="controls"> 
    @if(elements.args.contains(Symbol("data-schedule"))){ 
      <div class="schedulepicker input-append"> 
       @elements.input 
      <span class="add-on"> 
       <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i> 
      </span> 
      </div> 
    } else { 
     @elements.input 
    } 
     <span class="help-inline">@elements.errors.mkString(", ")</span> 
    </div> 
</div> 

ve benim endişe xx.scala.html dosya içinde kendi ithalat:

@implicitFieldConstructor = @{ FieldConstructor(twitterBoostrapInput.f) }