asp.net-mvc – Kendo UI窗口 – 阻止加载以前的内容

发布时间：2020-12-16 03:39:58 所属栏目：asp.Net 来源：网络整理

导读：我在我的MVC项目上使用Kendo Window. 这是我从View中启动对象的方式 @(Html.Kendo().Window() .Name("window") .Content("loading page..") .Iframe(true) .Draggable() .Visible(false) .Height(200) .Width(400) .Modal(true)) 这就是我使用javaScript调用

我在我的MVC项目上使用Kendo Window.

这是我从View中启动对象的方式

@(Html.Kendo().Window()
    .Name("window")
    .Content("loading page..")
    .Iframe(true)
    .Draggable()
    .Visible(false)
    .Height(200)
    .Width(400)
    .Modal(true)
)

这就是我使用javaScript调用窗口的方式,其中_url是动态的

$('#window')
   .data("kendoWindow")
   .title("Add new category")
   .refresh({
       url: _url
   })
   .center()
   .open();

我的问题是,每当我第二次打开窗口时,它仍会显示先前的内容,直到它完成加载当前内容.

我试图先使用以下内容隐藏内容：

$('#window')
     .kendoWindow({
         visible: false
     })
     .data("kendoWindow")
     .title("Add new category")
     .refresh({
         url: _url
     })
     .center()
     .open();

但是当我试图关闭它时,对象似乎被破坏了.

解决方法

用这个：

$('#window')
   .data("kendoWindow")
   .title("Add new category")
   .content("") //this little thing does magic 
   .refresh({
      url: _url
   })
   .center()
   .open();

不过我建议你重新安排你的电话：

$('#window')
   .data("kendoWindow")
   .title("Add new category")
   //.content("") //this little thing does magic 
   .content("<img src='ajax-loader.gif' alt='Loading...'/>")
   .center()
   .open();
   .refresh({
      url: _url
   })

使用第二个配置并提供有效的加载图像,用户将看到您的窗口并被告知正在加载内容.这非常有用(更不用说用户友好了),因为当您使用刷新功能时,Kendo窗口会发出AJAX请求.

或者,您可以在窗口关闭事件上添加事件,并在处理程序内设置内容(“”).

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!