为什么 phonejs dxContent 没有显示？答案

【问题标题】：why phonejs dxContent is not showing?为什么 phonejs dxContent 没有显示？
【发布时间】：2014-05-18 02:27:44
【问题描述】：

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

home.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>

home.js

MyApp.home = function (params) {

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

谁能帮帮我？

【问题讨论】：

标签： phonejs

【解决方案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

【讨论】：