这两天遇到个问题,kendo ui的datagrid,根据json去读取数据,然后前端通过kendo ui的datagrid去渲染,但很奇怪的是,在ie 10,ie 11,chrome,firefox等浏览器中,同样的程序,
浏览起来是没问题的,但把应用放到公网上的一台服务器,
却发现如下情况:
1) ie 9下,不能出现任何数据,但用IE 9浏览器浏览本机的应用,却没任何问题
2) ie 10,chrome等浏览公网的应用和本机的应用,没任何问题,ajax请求的数据能返回给datagrid显示
综合判断,原来发现,公网上的浏览地址http:/xxxxxx/test/xxxxx,用的是80端口,
但ajax请求中,用的是:
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
var dataSource = new kendo.data.DataSource({
transport : {
read : {
type : "POST",
url : "<%=basePath%>xxxx/xxx!getxxx.action",
dataType : "json"
},
看到没有,这里用的是带端口的url ajax请求,比如实际就是
http://xxxxxx:80/xxxx!getaxxx.action了,但这个时候,ie 9很奇怪,会判断是跨域请求了(注意:我的web服务器没域名的,就是用IP),所以解决方法简单,或者是用jsonp,
或者就是在ajax请求前,使用:
jQuery.support.cors = true;
其中,关于cors跨域请求,有两篇不错的文章介绍,分别是:
Cross-Origin Resource Sharing (CORS) 是W3C草案拟定的浏览器与服务端如何进行跨域请求的方式,其原理是用自定义HTTP头来让浏览器和SERVER决定request、response的成功或失败。目前几乎所有浏览器都已经支持了(Internet Explorer 8+, Firefox 3.5+, Safari 4+, and Chrome)。
jquery.support.cors只是对CORS协议的一种实现,具体可以看jQuery的源代码,这里不多说。
附上几个很好的参考资料:
http://newhtml.net/using-cors/
http://www.kimhou.com/?p=222
或者就采用的方法是:
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<script type="text/javascript">
var ctx = '<%=request.getContextPath() %>';
</script>
transport : {
read : {
type : "POST",
url : "${ctx}/assetslist/assetslist!getAssets4json.action",
dataType : "json"
分享到:
相关推荐
Kendo UI 是一款由 Telerik 公司开发的前端 JavaScript 框架,专门用于构建交互式的 Web 应用程序。这个“Kendo UI 速查...无论是初学者还是经验丰富的开发者,这份手册都是 Kendo UI 开发过程中不可或缺的参考资料。
"剑道UI"是Kendo UI的一个通俗别称,可能源于其在用户界面设计上的精准和锐利,就像日本剑道中的剑术一样。 Kendo UI的核心特性包括: 1. **组件丰富**:Kendo UI包含了数据网格(Grid)、日历(Calendar)、下拉...
kendo ui的中文国际化文件。已经对日期格式化进行了修正。 详细的,请看我的博文,kendo ui那点事里有详细使用说明。
此版本中,Kendo UI提供了众多UI组件,如网格(Grid)、图表(Charts)、日历(Calendar)、下拉列表(DropDownList)、树形视图(TreeView)、分页(Pager)、表单(Form)等,覆盖了Web应用中的常见需求。...
应用kendoui grid实现的多级分组表格展现,里面包含了表格的分组统计以及单表合计功能、还有针对表格的刷新以及子表格刷新功能。此功能是在原有demo版本上改进,增加了很多的个别需求实现,在原来的版本是做不到的。...
* 良好的支持:Kendo UI for Vue 提供了良好的支持文档和社区支持,帮助开发者快速解决问题。 Kendo UI for Vue 是一个功能强大且灵活的本机组件库,旨在帮助开发者快速构建企业级 Web 应用程序。
在Visual Studio 2012 IDE中创建一个空的Web Site,然后将下载的Kendo UI的js和styles目录复制到新建的Web应用中。这样,开发者就可以使用Visual Studio或其他任何文本编辑器(如Notepad)来编写基于Kendo UI的Web...
然而,KendoUI原生支持的语言通常是英语,这在处理中文环境时可能会导致显示问题。在中文环境中,用户界面的文字可能无法正确显示,或者操作提示信息无法理解,从而影响用户体验。 为了全面解决KendoUI for Vue的...
9. **Styles** 文件夹:这里是Kendo UI的CSS样式文件,包括基本样式和主题。通过自定义这些样式,开发者可以调整Kendo UI组件的外观以符合项目需求。 总体而言,这份“Kendo UI学习资料”是全面了解和掌握Kendo UI...
它结合了Telerik的Kendo UI库与ASP.NET MVC框架,提供了丰富的服务器端包装器(Server Side Wrappers),使得在ASP.NET MVC环境中使用Kendo UI组件变得更加便捷。 Kendo UI本身是一个全面的JavaScript库,包含多种...
[Packt Publishing] 移动应用开发 Kendo UI Mobile 实现 英文版 [Packt Publishing] Building Mobile Applications Using Kendo UI Mobile and ASP NET Web API E Book ☆ 图书概要:☆ Get started with ...
Kendo UI框架提供了强大的Excel导出功能,通过Grid的saveAsExcel能方便地导出Grid中的数据,而且格式美观大方,使用起来也非常方便。但是在实际使用中不是很理想,主要有以下两个问题: 1. 导出的列数据是原始值 ...
Kendo UI是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和... Kendo UI包含了开发现代JavaScript开发所需要的所有一切,包括:强大的数据源,通用的拖拉(Drag-and-Drop)功能,模板,和UI控件。
本篇文章将深入探讨如何动态地设置Kendo UI Grid中某一列的显示格式,特别是涉及到日期选择器(DatePicker)的自定义过滤功能。 首先,理解`kendoui grid customfilter`标签,这通常意味着我们需要实现自定义的过滤...
1. **多平台兼容性**:Kendoui的设计理念是跨平台,这意味着它不仅可以在传统的桌面环境中运行,还可以无缝地适应移动设备,如智能手机和平板电脑。这使得开发者能够构建响应式应用,确保在不同设备上都能提供一致的...
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 for jQuery 2019.1.115是一个强大的工具集,它简化了Web应用的开发流程,提高了开发效率,使得构建...
Kendo UI framework is developed by Telerik - a leading provider of UI components for web, desktop and mobile applications. Trusted by over 100,000 customers worldwide for our devotion to quality and ...
该代码类里面实现的主要操作: 1.ajax 访问后代接口,并将结果返回值绑定到kendo ui 的grid上。 2. 实现复杂的kendo ui 的grid的表头设置,这个是本人亲自写的,并且经过验证是正确的
完整的组件集合使公司名称为Telerik DevCraft,并且与HTML5相关的组件的名称为Kendo UI供应时间。 还有,Telerik Platform标题,即与移动设备行业有关的常规组件。该模块化平台将一系列丰富的UI工具与强大的云服务...