phonejs - 为什么 phonejs dxContent 没有显示？

Question

我正在准备一个 PhoneJS 应用程序。我正在尝试使用以下代码在视图中放置一个简单的按钮，但无法看到该按钮，并且它仅显示加载图标...

主页.html

<div data-options="dxView : { name: 'home', title: 'Home' } " >
<div class="home-view"  data-options="dxContent : { targetPlaceholder: 'content' } " >
    <p>Welcome</p>
    <div data-bind="dxButton: { text: 'Click me!', clickAction: showHelloWorld }"></div>

</div>
</div>

主页.js

MyApp.home = function (params) {

var viewModel = {
//  Put the binding properties here
var showHelloWorld = function() {
    alert("Hello world!");
};
ko.applyBindings(myViewModel);
return viewModel;
};

任何人都可以帮助我吗？

Answer 1

您的视图模型代码格式不正确：

MyApp.home = function () {
    var viewModel = {
        showHelloWorld: function() {
            alert("Hello world!");
        }
    };
    return viewModel;
};

viewModel 应该是有效的 js 对象。您也不应该调用 applyBindings。它将被框架调用。您应该创建 HtmlApplication 并指定应用程序路由。不确定，也许你已经做到了。

这是工作小提琴：http: //jsfiddle.net/tabalinas/jb537/

查看本教程“如何构建您的第一个 PhoneJS 应用程序”：http ://phonejs.devexpress.com/Documentation/Tutorial/Getting_Started/Your_First_Application?version=13_2