javascript - 英特尔应用程序框架用户界面 : how to pass data in a simple list-detail app

Question

我尝试学习英特尔 Appframework 用户界面。

我想构建一个只有两个面板的简单离线应用程序。一个面板包含一个包含项目(链接)的列表，第二个面板应显示所选项目的详细信息。第二个面板中的详细信息应使用 javascript 填充。

如何将数据(例如数字 item_id)传递到第二个面板，以便我的 javascript 可以访问它并将其填充到详细信息页面中？

我可以使用列表中链接的一部分 url，如下所示:

<li>
   <a href="#detailpanel?item=3"> Item 3 </a>
</li>

如果是，我如何在详细信息页面中取回信息？还是我需要使用 javacript-links？

Answer 1

在intel appframework 论坛是对我的问题的回答: https://forums.html5dev-software.intel.com/viewtopic.php?f=26&t=4478

所以解决方案是像这样使用 url:

<li>
    <a href="#detailpanel/3"> Item 3 </a>
</li>

然后我们将一个处理程序附加到目标面板，它从浏览器获取 url。调用回调时，框架已将 url 设置为新值:

$("#detailpanel").bind("loadpanel",function(evt){
  //url would be #detailpanel/N
  params = document.location.hash.split('/');
  if(params.length > 1){
    showDetails(params[1]);
  }
  else {
    console.log('on_load_detailpanel: detailnr missing');
  }
})