Question

如何使用Framework7中的JS更新已加载的HTML视图中的数据。我可以使用Framework7将新数据从JS加载到新页面，例如通过弹出窗口或通过执行以下操作创建新页面：

// 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);

但我不想加载新页面，只需更新当前页面即可。我尝试使用虚拟列表，但我得到了一个＆＃34; TypeError＆＃34;，TypeError：o [w] .trim不是一个函数。（在＆＃39; o [w] .trim（）＆＃39;，＆＃39; o [w] .trim＆＃39;未定义），这是在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>

所以，我只是＆＃34;简单地说＃34;想要使用div来扩展我的当前页面，该div可以保存从JS提供和更新的数据。我如何使用Framework7做到这一点？

谢谢！

Answer 1

要更新页面中现有元素的数据，您可以使用：

$$('.element-class').html("<div>my new data</div>");

使用Framework7从JS更新HTML视图中的数据

1 个答案: