Geek asks and answers

How should I handle the html output generated in my Play 2 application by default helper or twitterBootstrap helper

This is my template :

@(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>
    }
}

Using regular @import helper._html generated in my application is similar to the example in the documentation for the game 2.1:

<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>

If I use @import helper.twitterBootstrap._, it looks like this:

<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>

I do not use the ddhml implementation type , and the twart bootstrap stuff is more like the structure I'm used to working with, but I'm not interested in implementing bootstrap js and css. So my question is what are your thoughts on this. What did you use? Maybe you are using your own implementation for html rendering?

+5
source
1

, .

" ":

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

helpers._ helper.twitterBootstrap._ import MyOwnHelpers._ .

:)

: , boostrap, . .

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>

xx.scala.html:

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

More articles:


All Articles