Question

我正在使用kendo mobile的示例应用程序并且需要js。我试图从另一个视图导航到新视图。一旦我进入视图，我必须提醒或打印一个值。喜欢在我看到的时候查看。我正在使用剑道音乐商店的一些示例代码。我无法在该视图中打印任何内容。找到以下代码。

main.js

var app;

require.config({
paths: {
    jQuery: "../kendo/js/jquery.min",
    kendo: "../kendo/js/kendo.mobile.min"       
},
shim: {
    jQuery: {
        exports: "jQuery"
    },
    kendo: {
        exports: "kendo"
    }
}

}）;

require(["jQuery", "app"], function($, application) {
$(function() {
    app = application
    application.init();
});

}）;

app.js

define(["jQuery", "kendo", "about-view", "account-view", "utils", "home-view"], function($,
            kendo, aboutView, accountView, utils, homeView) {

        var _onError = function(error, url, line) {

        };

        var init = function() {
            window.onerror = _onError;

            var kendoApp = new kendo.mobile.Application(document.body, {
                        transition : "fade",
                        initial : "login-view",
                        loading : '<h1 class="loading-message">Loading...</h1>'
                    });
            utils.init(kendoApp);
        };

        return {
            aboutView : aboutView,
            accountView : accountView,
            utils : utils,
            homeView : homeView,
            init : init
        };
    });

以下是我创建的新视图，用于在我导航到该视图时提醒值

define(["jQuery", "kendo", "utils"], function($, kendo, utils) {

return {
    init: function(){
        console.log("init home view");
    },
};

}）;

我的index.html已经拥有该视图，我可以在导航后看到该视图，但每当我导航到该视图时，我都无法打印或提醒任何值。

<div data-role="view" id="home-view" data-layout="home-layout" data-title="Home" data-model="app.homeView.viewModel">
        <p>
            Test para1
        </p>
        <p>Test para2
        </p>
    </div>
    <!-- <script src="cordova.js"></script> -->
    <!-- RequireJS is a JavaScript file and module loader(Below main.js file is set to load) -->
    <script data-main="scripts/main.js" src="scripts/require.js"></script>

Answer 1

您可以向视图div添加额外的属性以绑定生命周期事件，如下所示：

<div data-role="view" data-layout="home-layout" 
   id="home-view" data-title="Home" 
   data-init="app.homeView.init"
   data-model="app.homeView.viewModel">

还可以绑定其他事件（例如显示，隐藏） - 完整列表位于Mobile View documentation

Answer 2

如果您想在进入此视图时显示警报，则可以使用数据显示，如

<div data-role="view" id="home-view" data-model="app.homeView.viewModel" data-show="app.homeView.init">

使用requirejs和kendo mobile初始化视图后如何警告值

2 个答案: