Помощники JQuery Mobile Form, использующие Play Framework
Я пытаюсь интегрировать этот модуль play-authenticate с мобильной стороной моего приложения. Я хочу использовать мобильный JQuery для каждой страницы вместо Twitter Bootstrap. Итак, я создал отдельное представление и просто настроил основной индекс, и я пытаюсь заставить страницу входа работать в первую очередь. Страница входа принимает форму аргумента, и мне просто интересно, есть ли способ использовать помощников формы scala в игре 2.0.* С JQuery Mobile.
Моя основная страница входа в систему:
@(loginForm: Form[_])
@import helper._
@main(Messages("playauthenticate.login.title"),"login") {
<div data-role="content">
<div data-role="fieldcontain">
<label for="textinput1">
Your Email
</label>
<input name="" id="textinput1" placeholder="" value="" type="email" />
</div>
<div data-role="fieldcontain">
<label for="textinput2">
Your Password
</label>
<input name="" id="textinput2" placeholder="" value="" type="password" />
</div>
<a data-role="button" href="#page1">
Login Now
</a>
<h4>
Or login with a different service:
</h4>
@* Display list of available providers *@
@_providerPartial(skipCurrent=false)
<a data-role="button" data-transition="slidedown" href="routes.Application.index()">
Home
</a>
</div>
}
Вот так это выглядит при использовании Twitter Bootstrap.
1 ответ
И да и нет.
Как вы показали нам, jQueryMobile имеет специальную разметку для формы, поэтому встроенный helpers
игры никак не подходит...
У вас есть два решения, и выбор между ними принадлежит вам:
- Если у вас есть только несколько форм, напишите их с обычным HTML в соответствии со спецификацией JQM.
- В противном случае, если вы планируете использовать много форм во многих местах, вам будет лучше, если вы... напишите свой собственный
field constructors
,
Конечно, если вы решите воспользоваться вторым подходом, будет здорово, если вы решите поделиться им с другими:)