2016-12-20 13 views
1

詳細ページへのデータの配信方法は?Framework7の他のページにデータを渡すには?

私は以下のデモを見て、私はFramework7を勉強していますが、詳細ページにデータを送ろうとしています。

最初の項目をクリックすると、index = 0を詳細ページに配信します.2番目の項目をクリックすると、index = 1を詳細ページに配信します。

enter image description here

私のコードは以下の通りです:

ページについて <a>ラベルを使用しているので、私は​​を提供することができますどのように、と私は、私のgoto参照
<ul> 
    <li class="item-content"> 
    <div class="item-media"><a href="about.html"><img src="http://up.qqjia.com/z/25/tu32695_9.jpg" width="44"></a></div> 
    <div class="item-inner"> 
    <div class="item-title-row"> 
      <div class="item-title">李长生</div> 
    </div> 
    <div class="item-subtitle">项目经理</div> 
    </div> 

    </li> 
    ... 
</ul> 

aboutページのデータを動的に設定できます。

デモがある場合は、詳細を説明してください。

答えて

0

私の友人が、Template7、Framework7はすでにあなたが求めているものをサポートして使用してくださいTemplate7ドキュメントページの「カスタムコンテキストを渡す」のセクションを確認してください。

これは非常に単純で、ドキュメントはここですべてのシナリオ、より多くの情報やデモを取り上げます。

http://idangero.us/template7/

-1

localstorage conceptを使用できます。ユーザーはlocalStorageを保存 以下のような特定のリスト項目をクリックすると:

localStorage.setItem("listitem", "1"); 

はlocalStorageを取得:

alert(localStorage.listeitem) 
+0

はこれを行うには、それを達成するための一般的な方法は何ですか?それは最善の方法ですか?あなたは私に例を挙げることができますか?どのようにlocalStorageに? – aircraft

+0

現在、HTML5はローカルストレージの概念をサポートしています。しかし、これはあなたがこのURLをチェックすることができます詳細については、最新のブラウザをサポートしますhttp://www.w3schools.com/html/html5_webstorage.asp –

1

は、私は簡単な方法を選びました。その後のJavascriptのクリックイベントハンドラからデータを取得

<a href="#nextpage" data-myfieldname="myfieldvalue"> 

::「」タグのデータ属性を設定

mydata = $(this).data('myfieldname'); 
関連する問題