`

kendo ui框架多重打开窗口关闭出错问题的解决

阅读更多
kendo  ui框架是一款老外搞的支持HTML 5的框架,下载地址在:
www.kendoui.com/,最近团队用它来搞前端,遇到了一个问题,

现在小结如下:


1)创建和修改都在同一个页面,创建和修改时弹出新窗口,当编辑的时候会出现打开过一次编辑页面后第二次打开会出现内容还是加载上一次的。

  

(没用到ajax去保存或修改的)
创建修改新窗口加一个<div/>
function newEvent(calId)
		{
					
	var winURL = "<%=basePath%>calendar/calendar!input.action";
			
			
 createevent_window = $("<div />").kendoWindow({


								actions: ["Refresh", "Maximize", "Minimize", "Close"],
								animation:false,
								height: "440px",
								close: function (e) {						
									this.destroy();
									},
								width: "580px",
								content:winURL
						 }).data("kendoWindow");
						 
			createevent_window.center();
			createevent_window.open();	
			
		}





2 同一个页面进行增删改查需要用到弹出窗口的,并且保存时要用ajax去进行另外的操作,需要在创建或修改的时候生成一个随机数id的div

  

function newEvent(calId)
		{
			a=rand(1000);
			var winURL = "<%=basePath%>calendar/calendar!input.action";
			
			 createevent_window = $("<div id='"+a+"'/>").kendoWindow({
								actions: ["Refresh", "Maximize", "Minimize", "Close"],
								animation:false,
								height: "440px",
								//close: function (e) {						
								//	this.destroy();
								//	},
								width: "580px",
								content:winURL
						 }).data("kendoWindow");
						 
			createevent_window.center();
			createevent_window.open();	
			
		}



   这里如果是创建的时候会截断ajax请求的,当用到ajax的时候创建弹出窗口时不要调用close.
2
2
分享到:
评论
2 楼 jackyrong 2014-08-03  
新版本应该修复了
1 楼 tangduDream 2014-08-03  
自己试了 没有发现错误。

相关推荐

    Kendo UI框架grid的Excel导出功能改进js代码

    Kendo UI框架提供了强大的Excel导出功能,通过Grid的saveAsExcel能方便地导出Grid中的数据,而且格式美观大方,使用起来也非常方便。但是在实际使用中不是很理想,主要有以下两个问题: 1. 导出的列数据是原始值 ...

    ui jquery kendo ui 一个不错的国外ui kendoui 又名剑道UI

    Kendo UI 是一款由Telerik公司开发的前端开发框架,主要针对jQuery库进行了深度集成,提供了丰富的用户界面组件,使得开发者能够快速构建交互性强、视觉效果优秀的Web应用程序。"剑道UI"是Kendo UI的一个通俗别称,...

    KendoUI速查手册--中文

    Kendo UI 是一款由 Telerik 公司开发的前端 JavaScript 框架,专门用于构建交互式的 Web 应用程序。这个“Kendo UI 速查手册”提供了全面且详细的中文指南,帮助开发者快速掌握和应用 Kendo UI 的各种组件、功能和...

    Kendo UI 开发框架

    **Kendo UI 开发框架详解** Kendo UI 是一个全面的前端开发框架,专注于构建高性能、响应式的Web应用程序。这个框架由Telerik公司推出,它包含了一整套UI组件、数据可视化工具以及强大的数据管理功能,旨在简化...

    ui框架kendoui demo

    kendoui是一款强大的UI框架,专为开发人员提供丰富的Web用户界面解决方案。Kendo UI由Telerik公司开发,它包括一组经过精心设计和优化的JavaScript组件,涵盖了数据可视化、交互式图表、网格、日历、菜单等多种功能...

    前台框架UI kendoui

    kendoui是一款强大的前端框架,专为构建用户界面而设计,尤其适用于桌面和移动应用程序。它以其高度可定制性、丰富的组件库和卓越的性能而受到开发者的青睐。 Kendoui不仅提供了一流的UI元素,还支持报表功能,使得...

    kendoui.for.jquery.2018.3.911.commercial

    总的来说,Kendo UI for jQuery 2018 R3为.NET开发者提供了一站式的前端解决方案,集成了丰富的组件、数据绑定和可视化工具,以及对现代前端框架的支持,大大提升了开发效率和应用质量。无论是构建企业级应用还是...

    Kendo UI 开发教程

    Kendo UI开发教程涵盖了使用Kendo UI这一强大的前端框架开发Web应用的知识。Kendo UI是Telerik公司开发的一个基于HTML5和jQuery的综合UI框架,它支持开发者构建时尚且功能丰富的Web应用程序。本教程将详细探讨Kendo ...

    Kendoui grid多级分组表格展现

    应用kendoui grid实现的多级分组表格展现,里面包含了表格的分组统计以及单表合计功能、还有针对表格的刷新以及子表格刷新功能。此功能是在原有demo版本上改进,增加了很多的个别需求实现,在原来的版本是做不到的。...

    Kendo UI for Vue.docx

    * 良好的支持:Kendo UI for Vue 提供了良好的支持文档和社区支持,帮助开发者快速解决问题。 Kendo UI for Vue 是一个功能强大且灵活的本机组件库,旨在帮助开发者快速构建企业级 Web 应用程序。

    KendoUI框架

    Kendo UI是一个强大的HTML5和jQuery框架,专为构建现代Web应用程序而设计。它提供了丰富的用户界面组件,数据可视化工具,以及适应...无论是在数据管理、交互性还是用户体验上,Kendo UI都提供了强大而全面的解决方案。

    Web的UI框架 KendoUI

    Kendo UI是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和JavaScript标准。 Kendo UI包含了开发现代JavaScript开发所需要的所有一切,包括:强大的数据源,通用的拖拉(Drag-and-Drop)功能,模板,...

    kendo ui学习资料

    8. **Wrappers** 文件夹:可能包含了针对不同前端框架(如Angular、React、Vue等)的Kendo UI包装器,使得Kendo UI可以无缝集成到这些现代前端框架中。 9. **Styles** 文件夹:这里是Kendo UI的CSS样式文件,包括...

    Kendo UI官方demo

    Kendo UI是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和JavaScript标准。 Kendo UI包含了开发现代JavaScript开发所需要的所有一切,包括:强大的数据源,通用的拖拉(Drag-and-Drop)功能,模板,...

    kendoUI professional实战代码

    Kendo UI Professional目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库;Kendo UI...

    kendo ui 中文 汉化 文件

    kendo ui的中文国际化文件。已经对日期格式化进行了修正。 详细的,请看我的博文,kendo ui那点事里有详细使用说明。

    [Kendo UI] 移动应用开发 Kendo UI Mobile 实现 英文版

    [Packt Publishing] 移动应用开发 Kendo UI Mobile 实现 英文版 [Packt Publishing] Building Mobile Applications Using Kendo UI Mobile and ASP NET Web API E Book ☆ 图书概要:☆ Get started with ...

    最新kendoUI前端框架

    Kendo UI是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和JavaScript标准。 Kendo UI包含了开发现代JavaScript开发所需要的所有一切,包括:强大的数据源,通用的拖拉(Drag-and-Drop)功能,模板,...

    kendoui asp.net mvc

    【Kendo UI for ASP.NET MVC】是一个强大的前端开发框架,专为构建现代、交互式的Web应用程序而设计。它结合了Telerik的Kendo UI库与ASP.NET MVC框架,提供了丰富的服务器端包装器(Server Side Wrappers),使得在...

    Kendo UI for jQuery 2019.1.115

    此外,Kendo UI的社区活跃,许多问题都可以在社区中找到解决方案,或者得到社区成员的帮助。 总的来说,Kendo UI for jQuery 2019.1.115是一个强大的工具集,它简化了Web应用的开发流程,提高了开发效率,使得构建...

Global site tag (gtag.js) - Google Analytics