KendoUi& Wordpress数据绑定详细信息视图

时间:2013-10-16 16:40:37

标签: javascript jquery wordpress kendo-ui kendo-mobile

我有一个使用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>

1 个答案:

答案 0 :(得分:0)

我不得不切换到使用MVVM样式来实现这一目标。

请参阅jsbin http://jsbin.com/OTInERo/3/edit