数据绑定仅在详细视图中首次使用

时间:2013-10-07 14:30:17

标签: kendo-mobile

this plunker sample中,详细信息视图的数据绑定适用于首次展示,但在导航到其他项目时不会更新。

缺少什么?谢谢!

HTML:

<body>
<div data-role="view" data-model="aViewModel" id="aView">
  <div data-role="header">
    <div data-role="navbar">
      <span data-role="view-title">Master</span>
    </div>
  </div>
  <ul data-role="listview" data-style="inset" 
    data-bind="source: items, events : { click : onClickItem}" 
    data-template="itemsTemplate">

  <script id="itemsTemplate" type="text/html" >
        <a href="##">#:name#</a>
  </script>

  </ul>
</div>

<div data-role="view" id="aDetailView" 
  data-model="aViewModel.currentItem"
  data-show="aViewModel.onDetailViewShow">
  <div data-role="header">
    <div data-role="navbar">
      <span data-role="view-title" data-bind="text:name"></span>
      <a data-align="left" data-role="backbutton">Back</a>
    </div>
  </div>
  <ul data-role="listview" data-style="inset" >
    <li>Name <span data-bind="text: name"></span></li>
    <li>Value <span data-bind="text: value"></span></li>
  </ul>

</div>


<script src="script.js"></script>

JS:

var app = new kendo.mobile.Application(document.body );

ViewModel = function () {
  var self = this;

  function Item (name, value)
  {
    this.name = name;
    this.value = value;
  }

  self.items = new kendo.data.DataSource({
    data: [
        new Item("AAA",1),
        new Item("BBB",2),
        new Item("CCC",3)
      ]
  }); 

  self.currentItem = null;

  self.onClickItem = function(e) {
    e.preventDefault();
    self.set("currentItem", e.dataItem);
    app.navigate("#aDetailView", "slide");
  }

  self.onDetailViewShow = function(e) {
  }

  self = kendo.observable(this);
  return self;
};

var aViewModel = new ViewModel();

0 个答案:

没有答案