2011-08-01から1ヶ月間の記事一覧

jQuery mobile ページ遷移 Wicket ListView (1)

jQuery mobile + Wicket で、data-role ページ遷移を表現するのに、ListView で、Panel を 展開させたら jQuery mobile +Wicket のパターンとして使い回せると思った。 (2回に分けて投稿) <wicket:panel> <div wicket:id="roleview" data-role="page" data-theme="b"> <div wicket:id="header"></div> <div wicket:id="roleHeader" data-role="header" data-theme="a"> </div></div></wicket:panel>

Wicket1.5 glyphish アイコン用 CSS追加

Wicket1.5 で、glyphish アイコン の CSSを追加する例、 特別なことはない。 import org.apache.wicket.markup.html.IHeaderResponse; import org.apache.wicket.request.resource.PackageResourceReference; /** * GlyphishIconGallery.java */ public clas…

jQuery mobile の Slider を、Wicketで、

jQuery mobile の Slider を、Wicket で実現するには、RangeTextField を使おうことが一般的と思うが、 以下のように長くなってしまう。 final RangeTextField<Integer> slider = new RangeTextField<Integer>( "slider",new Model<Integer>(20) ){ @Override public String getMarkupId</integer></integer></integer>…

jQuery mobile Radio button と Wicket

jQuery mobile の Radio button を Wicket で、表示する場合、 Wicket の RadioGroup を使うのが判り易くよいのだが、 org.apache.wicket.markup.html.form.Radio を継承するものを用意するともっと綺麗になる。 import org.apache.wicket.AttributeModifier…

スマホ回転の制御

スマホを回転させた時、作成した WebView 表示の向きが回転しないように制御する方法 AndroidManifest.xml の中、activity で、android:screenOrientation="nosensor" を追加する。 <activity android:name=".SampleActivity" android:label="@string/app_name" android:screenOrientation="nosensor"> iPhone のUIWebView の場合、ViewController に以下のメソッドを追加 -(BO</activity>…

jQuery mobile CheckBox と Wicket、さらに汎用的に

jQuery mobile CheckBox の、Wicket での表現、 先日の複数チェックボックスのコードを、もっとコンパクトに汎用性を持つようにする。 <div data-role="fieldcontain"> <fieldset data-role="controlgroup" data-type="horizontal"> <span wicket:id="choice"> <input type="checkbox" wicket:id="chkbox"/><label wicket:id="label"></label> </span> </fieldset> </div> w…

jQuery mobile のcheckbox を Wicket で

jQuery mobile の

Wicket と HTML5 input type=&quot;number&quot;

Wicket 1.4.17 で、HTML5 の input で追加された type 属性、number , url , tel を試そうと したが、type="number" で、TextField<Integer> をそのままあてはめても、 org.apache.wicket.Component.checkComponentTagAttribute で エラーが起きてしまうので、onCompo</integer>…

jQuery mobile 画面遷移と Wicket

jQuery mobile で構成するスマホ用サイトを、Wicket で作ることを考えた。 とりあえず、Wicket のバージョンは、1.4 で。。。 まずは、jQuery mobile のページ構成&遷移で大きな役割である <div data-role="page"> を Wicket の Panel にすることにして、スマホ端末側の出力される</div>…

iPhone アプリ実機テストが便利になってる

iPhone アプリを実機でテストするのに便利なサイトがある。 https://testflightapp.com/ xCode で、ビルドアーカイブ実行で ipa ファイルを作成したら このサイトをブラウザで開いて、ドラッグして、iPhone実機の メールアドレスを指定して送ってあげればよ…