动态加载视图，telerik mvc

Question

我正在尝试使用$.ajax() 加载页面。 我通过以下操作查看 person：Index、Create、Delete。 Create 页面有一个Telerik MVC 网格。 当我在页面 Index 和 load 页面 Create 使用 ajax 调用 替换当前页面的内容。 页面已完全加载，但网格不起作用，$('#gridname').data('tGrid') 返回 undefined。

javascript 代码示例。

$.ajax({
    url: '/Person/Create',
    contentType: 'application/html; charset=utf-8',
    type: 'GET',
    dataType: 'html',
    cache: false,
    success: function (data) {
        $('#main').html($(data).fadeIn(fade));
    }
});

谢谢

Answer 1

我多次遇到这个问题。问题是，当呈现局部视图上的 Telerik 控件时，它会添加一个 script 标记，其中包含初始化控件所需的 JavaScript。如果你使用$.ajax，jQuery 会去掉 script 标记。请尝试以下操作：

$('#main').load('/Person/Create');

jQuery.load 不会串出script 标签。

编辑：

看起来它不仅仅是load。 Telerik 在这里有一篇关于它的文章：

http://www.telerik.com/help/aspnet-mvc/using-with-partial-views-loaded-via-ajax.html

基本上，您需要确保页面中引用了 Telerik 脚本（因为它们不会被自动添加）并且您必须使用 ajax 来绑定数据。