2016-12-21 6 views
0

Framework7でJSを使用して、既に読み込まれているHTMLビューのデータを更新するにはどうすればいいですか?私は、ポップアップなどを介したり実行して新しいページを作成し、新しいページにJSから新しいデータをロードするためにFramework7を使用することができる午前:Framework7を使用してJSからHTMLビューのデータを更新する

// HTML Content of new page: 
var newPageContent = '<div class="page" data-page="my-page">' + 
     '<div class="page-content">' + 
     JS_VARIABLE + 
     '<p>Here comes new page</p>' + 
     '</div>' + 
     '</div>'; 

//Load new content as new page 
mainView.router.loadContent(newPageContent); 

をしかし、私は新しいページをロードする必要はありません、ただ更新現在のページ。 Iveは仮想リストを使ってみましたが、 "TypeError"、TypeErrorがあります。o [w] .trimは関数ではありません。 ( 'o [w] .trim()'では、[o [w] .trimは定義されていません)、これはFramework7 githubの問題として報告されています。だから、

//JS 
var myList = myApp.virtualList('.list-block.virtual-list', { 
    items: [1,2,3,4], 
    height: 44 
    }); 
//HTML 
<!-- Virtual List --> 
<div class="list-block virtual-list"> 
    <!-- keep it empty --> 
</div> 

、私は「単に」JSから提供し、更新されたデータを保持することができDIVと私の現在のページを延長したい:私はこのように、ドキュメントごとに仮想リストを使用します。 Framework7でどうすればいいですか?

ありがとうございます!ページ内の既存の要素のデータを更新するための

答えて

0

、あなたが使用することができます。

$$('.element-class').html("<div>my new data</div>"); 
関連する問題