javascript - 在 Kendo UI Mobile 中扩展移动 View ？

Question

似乎无法扩展移动设备的 View 。我想这样做是因为我可以预定义一些选项和行为。我创建了一个 sample here illustrating the problem ，这给了我一个错误:

您的 kendo 移动应用程序元素不包含任何设置了 data-role="view"属性的直接子元素。确保使用正确的容器实例化移动应用程序。

JavaScript:

kendo.mobile.ui.plugin(kendo.mobile.ui.View.extend({
    init: function (element, options) {
        kendo.mobile.ui.View.fn.init.call(this, element, options);
    },
    options: {
        name: 'ViewCustom'
    }
}));

$(function () {
    new kendo.mobile.Application(document.body);
});

HTML:

<section data-role="layout" data-id="default">
    <header data-role="header">
        <div data-role="navbar">My App</div>
    </header>
    <footer data-role="footer">
        <div data-role="tabstrip">
            <a href="#home" data-icon="home">Home</a>
        </div>
    </footer>
</section>

<div id="home" data-role="viewcustom" data-layout="default">
    Welcome to the home page!
</div>

http://jsfiddle.net/basememara/67RZN/

<小时/>

剑道支持只是说不支持 - 移动应用程序无法识别后代并且不会在启动时初始化它们。这对于移动设备来说是一个巨大的可扩展性障碍，因此我一直在研究源代码以查看硬编码的位置，我认为更改将在 kendo.mobile.view 中的 ViewEngine 中的某个位置。 ，可能在 _hideViews 中。我还在 kendo.mobile.pane 中看到了一些硬编码 View 。所以我认为这将是对源代码的一次重大修改，以使其正常工作。

我的问题是有没有一种方法可以在不创建新类的情况下扩展 View ，例如使用原型(prototype)来扩展kendo.mobile.view？任何帮助、经验或见解将不胜感激!

Answer 1

您可以通过编程方式告诉它初始 View ，而不是依赖 Kendo 来查找要显示的初始 View (它会专门搜索 data-role="view"):

new kendo.mobile.Application(document.body, {
    initial: "home"
});

我updated your example (单击“主页”按钮也会导航到第二个 View ，只是为了确保它也能正常工作)。