KendoUi 和 Wordpress 数据绑定详细视图

Question

我有一个使用 kendoui mobile 和 jsonp 从 wordpress 发布的列表视图。我正在尝试附加一个详细视图，以显示帖子单击的详细视图。请帮忙。

这是 jsbin 上的链接http://jsbin.com/uKAFeMo/2/edit

<ul id="load-more"></ul>
<script type="text/x-kendo-tmpl" id="load-more-template">
    <div class="product">
        <img src="#=thumbnail_images.medium.url#" alt="#-title#" class="pullImage"/>
        <h3>#=title#</h3>

    </div>
</script>

<script>
    function mobileListViewPressToLoadMore() {
var dataSource = new kendo.data.DataSource({
  transport: {
    read: {
      url: "http://www.maskjams.com/api/get_recent_posts/?count=100",
      dataType: "jsonp"
    }
  },
  schema: {
    data: "posts"
  },
  serverPaging: true,            
  pageSize: 10
});

$("#load-more").kendoMobileListView({
  dataSource: dataSource,
  template: $("#load-more-template").text(),
    loadMore: false //When i set this to true it won't load any post. I don't know why?
});

    }
</script>

Answer 1

我不得不改用 MVVM 风格来完成这项工作。

见jsbinhttp://jsbin.com/OTInERo/3/edit