Question

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

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;
};

任何人都可以帮助我吗？

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

为什么phonejs dxContent没有显示？

1 个答案: