TIZENアプリ開発研究ブログ 興味しんしんドリーム

このブログはTIZENアプリ開発情報を実践して情報を共有する為のブログです。

Context Popup

以下の記事は、Tizen SDK Dev Guide にあるCheckbox の日本語訳です。

その他のドキュメントの日本語訳はTIZEN 2.0 SDK Dev Guide 日本語訳 目次をご覧ください。

[x]が右横についているリンク先は、まだ日本語に翻訳していませんのでご了承下さい。


Context Popup

コンテキストポップアップウィジェットはオプションのリストを表示し、自動的に画面内にそのリストのサイズを最適化します。このウィジェットはオプションの小さなリストを目的としています。大きなリスト[x]には、リストのウィジェットを使用してください。

コンテキストポップアップウィジェットは、コンテキストポップアップを開くためにクリックするターゲットボタンを必要とします。アプリケーションのデフォルトテーマでは、コンテキストポップがひらいたときにコンテキストポップの左上隅に矢印ポインタが表示されます。

アプリケーションにコンテキストポップアップウィジェットを追加するには、次のコードを使用します。

// Target button
<a href="#pop_3_icons" id="btn_3_icons" data-role="button"
 data-inline="true" data-rel="popup">3 Icons</a>

// Context pop-up
<div id="pop_3_icons" data-role="popup" >
   <ul data-role="listview">
      <li class="text">
         <a href="#">Copy</a>
      </li>
      <li class="text">
         <a href="#">All</a>
      </li>
      <li class="text">
         <a href="#">Paste</a>
      </li>
   </ul>
</div>

jQueryMobileのコンテキストポップイベントについてのドキュメントに説明されている方法でイベントのコールバックをコンテキストポップに設定することができます。

jQueryMobileのコンテキストポップのメソッドについてのドキュメントに説明されているとおりにコンテキストポップのメソッドを使用することができます。

次に読むドキュメント

Web UI Frameworkリファレンス


日本語訳: yasuyk

http://www.softolet.com

Creative Commons License This content is licensed under Creative Commons Attribution 3.0. For details, see the Content License.