2

我正在使用 emberjs 开发移动网络应用程序。我正在使用 kendo UI mobile 来渲染视图内的组件，同时使用 Ember.js 来处理其他所有内容。问题是，当 kendo 处于活动状态时，包裹在 handelbars 脚本中的 html 不会呈现（而 new kendo.mobile.Application() 没有注释）。

我错过了什么吗？

这是我的视图代码：

<script type="text/x-handlebars" data-template-name="venues">
        <div>
            <ul data-role="listview">
                <li>
                    <div class="test">
                        <img src="http://placehold.it/350x150" alt="">
                        <h1>Venue Name</h1>
                        <p>calle 7 esq. 10 numero 14. Residencial Rosmil</p>
                    </div>
                </li>
                <li>
                    <div class="test">
                        <img src="http://placehold.it/350x150" alt="">
                        <h1>Venue Name</h1>
                        <p>calle 7 esq. 10 numero 14. Residencial Rosmil</p>
                    </div>
                </li>
                <li>
                    <div class="test">
                        <img src="http://placehold.it/350x150" alt="">
                        <h1>Venue Name</h1>
                        <p>calle 7 esq. 10 numero 14. Residencial Rosmil</p>
                    </div>
                </li>
                <li>
                    <div class="test">
                        <img src="http://placehold.it/350x150" alt="">
                        <h1>Venue Name</h1>
                        <p>calle 7 esq. 10 numero 14. Residencial Rosmil</p>
                    </div>
                </li>
                <li>
                    <div class="test">
                        <img src="http://placehold.it/350x150" alt="">
                        <h1>Venue Name</h1>
                        <p>calle 7 esq. 10 numero 14. Residencial Rosmil</p>
                    </div>
                </li>
            </ul>
        </div>
</script>

这是我的路由器代码：

apptest.Router.map(function() {
    this.resource('venues',{'path': '/'});
});

apptest.VenuesRoute = Ember.Route.extend({
    model: function () {
        return this.store.find('venue');
    },
});

这是 application.js 文件的代码：

var apptest = Ember.Application.create();
apptest.Store = DS.Store.extend({
    revision:13,
    adapter: DS.FixtureAdapter.create()
});

var app = new kendo.mobile.Application();
4

1 回答 1

1

渲染视图后，您可能应该创建您的 Kendo 应用程序：

App.VenuesView = Ember.View.extend({
  didInsertElement: function() {
    var app = new kendo.mobile.Application();
  }
});

此外，您可能希望将您的应用程序分配给全局变量，而不是稍后访问它：

window.KendoApp = new kendo.mobile.Application();
于 2013-10-02T09:38:00.537 回答