Kendo ui 使用Kendo UI mobile,在更新页面后如何增强它';什么内容?

Kendo ui 使用Kendo UI mobile,在更新页面后如何增强它';什么内容?,kendo-ui,Kendo Ui,我有一个移动应用程序,允许用户点击列表中的项目,然后填充“详细信息”页面,并导航到该页面 当用户点击后退按钮并选择列表中的另一项时,详细信息页面将更新为新内容,但标记将丢失所有kendo ui mobile样式 有没有办法在标记更新后触发增强内容 以下是我的代码(相关位): index.html <div id="details" data-role="view" data-title="Details" data-layout="default"> <header d

我有一个移动应用程序,允许用户点击列表中的项目,然后填充“详细信息”页面,并导航到该页面

当用户点击后退按钮并选择列表中的另一项时,详细信息页面将更新为新内容,但标记将丢失所有kendo ui mobile样式

有没有办法在标记更新后触发增强内容

以下是我的代码(相关位):

index.html

<div id="details" data-role="view" data-title="Details" data-layout="default">
    <header data-role="header">
        <div data-role="navbar">
            <a id="back-button" class="nav-button" data-align="left" data-role="backbutton">Back</a>
            <span data-role="view-title"></span>
        </div>
    </header>
    <div id="details_body"></div>
</div>
companyDetailsView.js

$('.listItemLink').live('click', function(e) {
    require(['views/companyDetailsView'], function (companyDetailsView) {
        var view = new companyDetailsView({
            model: companyDetails,
            el: $('#details_body')
        }).render(function(el) {
            app.navigate('#details');
            app.hideLoading();
        }).el;
    });

});
define([
    'backbone',
    'underscore',
    'models/companyModel',
    'text!templates/companyDetails.html'
], function (Backbone, _, companyModel, tmpl) {
    'use strict';

    return Backbone.View.extend({
        tagName: 'li',
        template: _.template(tmpl),
        render: function (callback) {
            this.$el.html(this.template(this.model.toJSON()));
            callback(this.$el);
            return this;
        }
    });
});

你能发布一些示例代码吗,你真的不需要做任何事情。下面是一个快速示例,在一个页面上使用剑道列表视图,然后在另一个页面上使用简单的属性显示。谢谢你回复我。您提供的示例非常有效,但我没有使用KendoUI数据绑定,而是使用Ajax调用的结果直接更新标记。