2012-02-05 7 views
2

いくつかの入力フィールドを持つjquery mobileでポップアップ(page dialogs)を作成したいと思います。ポップアップからメインページにデータをどのように渡すのですか?jqueryモバイルダイアログ、ページ間で値を渡す

、ポップアップは、完全なjqueryのUIページ(page anatomy)、または事前にちょうど

<div data-role="page"> 
... 
</div> 

感謝する必要がありません!

答えて

-1

私はjQueryモバイルを掘り下げたわけではありませんが、一目見てもjQuery UIのポップアップダイアログと大きく違って見えません。この場合、ダイアログの開始時にボタンにデータコレクタをバインドすることができます。

$('#testdiv').dialog({ //initiate dialog 
    someoption: "test", //fake stuff for example 
    otheroption: "foo", // --- 
    buttons: { //define buttons for dialog 
    "Ok": function() { //define "ok" button 
     var userInput = $('#inputInDialog').val(); //get value of the textbox in the dialog 
     $('#domOnMainPage').text(userInput); //write that value to main page 
    } 
    } 
}) 

は再び、私は携帯電話に持っていないが、これはおそらく私が考えている、あなたが探しているものに非常に近いことになるだろう。

+0

ドキュメントをさらに見ると、私の回答とそれに対応するいくつかの情報が表示されます。 jQuery Mobileは多くのインライン関数を実行するようですが、$( 'testdiv')。dialog( 'close')を使ってプログラムでダイアログを閉じることもできます。ですから、JQmobileでダイアログを処理する方法は複数あると思います。私はもう少しお読みください –

+0

あなたの時間のおかげでカイル、病気これを受け入れる。 .dialogメソッドはどこで見つかりましたか? – Johan

+0

私はjQuery UIからそれを知っていましたが、私はあなたの最初のリンクhttp://jquerymobile.com/demos/1.0.1/docs/pages/page-dialogs.htmlを閉じダイアログの下で見ました。構造は同じかもしれない –

7

モバイルページ通信(ページ間でデータを渡す)は、以下の方法で行うことができる。

  1. のsessionStorageまたはHTML5のlocalStorageのドムストレージを。
  2. グローバル変数。
  3. jQuery.data()Jquery.data(の使用のため

例)以下に参照されます。

http://dl.dropbox.com/u/49735179/dialog-data-transfer.html

これはあなたに役立つかもしれません:)

関連する問題