2

我正在尝试构建一个 JQuery Mobile UI，它使用 upshot 从服务获取数据，然后使用 Knockout.js 将值绑定到列表。我能够填充数据，但是没有呈现 JQuery 移动样式。

这是我的代码。在这方面的任何帮助将不胜感激。

<h2>Projects (<span data-bind="text: projects().length"></span>)</h2>

<ul data-inset="true" data-bind="foreach: projects" data-role="listview" data-theme="e" data-dividertheme="c" data-filter="true"> 
    <li>
            <a href="#" data-bind="text: ProjectName"></a>
            Project Type : <label data-bind="text: ProjectType"></label>
            Description : <label data-bind="text: Description"></label>
    </li> 
</ul>       
<p></p>

@(Html.UpshotContext(bufferChanges: true).DataSource<ProjectServiceController>(x => x.GetProjects()))

<script type="text/javascript">
    $(function () {
        var dataSource = upshot.dataSources.Projects.refresh();
        var ProjectsViewModel = {
            projects: dataSource.getEntities()
        };

        ko.applyBindings(ProjectsViewModel);        
    });

</script>
4

1 回答 1

0

refresh() 调用是异步的，因此您可以提供一个在刷新后执行的回调函数。jQueryMobile 文档说，如果您添加项目，则需要在创建项目后刷新列表视图：http: //jquerymobile.com/demos/1.0.1/docs/lists/docs-lists.html

以下是您可以如何执行此操作的示例：

var dataSource = upshot.dataSources.Projects.refresh(function() {
    $("ul").listview('refresh');
});
于 2012-03-25T18:42:57.930 回答