Popup

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

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

---

Popup

ポップアップウィジェットは、画面の中央にリストのポップアップウィンドウを表示します。自動的に画面内にポップアップウィンドウのサイズを最適化します。

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

<a href="#center_info" data-inline="true" data-rel="popup" data-position-to="window">Popup</a>

// Basic pop-up
<div id="center_info" data-role="popup" data-style="center_info">
   <div data-role="text">
      <p>
         Pop-up dialog box, a child window that blocks user interaction in the parent window
      </p>
   </div>
</div>

// Pop-up with a title and button
<div id="center_title_1btn" data-role="popup" data-style="center_title_1btn">
   <p data-role="title">
      Pop-up title
   </p>
   <p data-role="text">
      Pop-up dialog box
   </p>
   <div data-role="button-bg">
      <input type="button" value="Text Button" />
   </div>
</div>

次の表でポップアップのオプションを説明します。

オプション	入力タイプ	説明
data-style	文字列	ポップアップウィンドウのスタイルを設定します。 次のスタイルが利用できます。 center_info: 基本的なポップアップメッセージ center_title: タイトル付きポップアップメッセージ center_basic_1btn: 1個のボタン付きポップアップメッセージ center_basic_2btn: 横並びの2個のボタン付きポップアップメッセージ center_title_1btn: タイトルと1個のボタン付きポップアップメッセージ center_title_2btn: タイトルと横並びの2個のボタン付きポップアップメッセージ center_title_3btn: タイトルと横並びの3個のボタン付きポップアップメッセージ center_button_vertical: 縦並びのボタン付きポップアップメッセージ center_checkbox: チェックボックス付きポップアップメッセージ center_liststyle_1btn: リストと1個のボタン付きポップアップメッセージ center_liststyle_2btn: リストと2個のボタン付きポップアップメッセージ center_liststyle_3btn: リストと3個のボタン付きポップアップメッセージ

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

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

次に読むドキュメント

Web UI Frameworkリファレンス

---

日本語訳： yasuyk

http://www.softolet.com

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