直接从官方网站上下载得到的demo压缩包,按照其readme介绍的办法,解压到web容器上并且尝试打开jqgrid.html使之运行,结果并不能得到像
http://www.trirand.com/blog/jqgrid/jqgrid.html一般的效果。
我因为使用的是java web server,并没有去配置php,但是如果能按照如下方式对原有的下载资源文件作一些替换,则能在本地获得官网demo的演示效果。
1.jqgrid.html 代码中第40行
<script src="js/jquery.js" type="text/javascript"></script>
所引用的jquery.js不存在,将其替换为 jquery.min.js
2.如果遇到Toolbar上,search按钮(放大镜图标),出现布局错误(遮罩把所有内容都遮住了),此时可以尝试将demo文件夹中的 themes目录下的 ui.jqgrid.css 文件,替换为源码包中的版本,或者替换成 http://www.trirand.com/blog/jqgrid/themes/ui.jqgrid.css,效果等同。可以注意到这两个css文件的尺寸是不同的。
以上两处修改,都是针对jqGrid的Demo下载包中文件版本错误。我用java backend替换原有的php backend,已经可以正常运行了。
分享到:
相关推荐
jqGrid 是一个基于 jQuery 的数据网格插件,用于在网页上展示和操作大量结构化数据。这个"jqGrid demo (完整版)"提供了一个全面的示例,可以帮助开发者更好地理解和应用 jqGrid,无论是在 PHP 或 JSP 环境中。 1....
在“jqueryGridDemo jqGriddemo38”这个项目中,我们深入探讨jqGrid的使用方法,并通过一系列的示例代码来帮助理解其核心概念和功能。 首先,jqGrid的基础设置通常涉及HTML结构、CSS样式和JavaScript脚本。`jqgrid....
Jqgrid demo-史上最强大,没有之一, 为了大家能够更好的学习和使用Jqgrid网格插件,我决定用Strtus2+Spring+hibernate+Jquery+Jqgrid实现一个Jqgrid网格插件的demo。当然官方网站上面已经有了PHP版本和ASP.NET版本...
jqGrid是一款强大的jQuery插件,专门用于创建交互式的网格视图。这个插件的主要功能是为Web应用程序提供数据展示和...通过"jqgrid demo",我们可以深入了解这个插件的使用方法,从而在自己的项目中更好地应用这些功能。
通过研究其代码和实际运行效果,可以快速掌握jqGrid的基本用法和高级技巧。对于初学者来说,可以从以下几个方面入手: 1. **安装和引入**:了解如何将jqGrid添加到HTML页面中,以及需要引用哪些CSS和JS文件。 2. *...
**jqGridDemo** jqGrid是一款基于JavaScript的开源网格控件,用于在Web应用程序中展示和操作数据。这个"jqGridDemo"是根据官方网站提供的示例进行调试和优化后的版本,目的是为了便于个人学习和日后查阅。jqGrid以...
直接从官方网站上下载得到的demo压缩包 按照其readme介绍的办法 解压到web容器上并且尝试打开jqgrid html使之运行 结果并不能得到像http: www trirand com blog jqgrid jqgrid html一般的效果 我因为使用的是java...
JQgrid的jsp demo,集成mysql Hibernate 测试demo,下载即用
JqGrid是一款强大的JavaScript表格插件,用于在Web应用程序中展示和操作数据。...通过深入学习和实践"JqGrid插件+JqGridDemo+JqGrid主题",开发者可以提升其在前端开发中的数据处理能力,创建出更富交互性的网页应用。
通过分析和运行这个 demo,你可以学习如何配置和定制 jQGrid,以适应你的项目需求。例如,你可以看到如何设置数据源、定义列模型、启用分页和搜索功能,以及如何处理编辑和保存操作。这将帮助你快速上手 jQGrid,并...
本资源为 jqGrid5.X 的官方全Demo下载,包含中文文档和离线演示,用户可以在本地环境中运行和学习。 1. **jqGrid5.X 版本介绍** jqGrid5.X 是一个经过多次迭代和优化的版本,主要针对性能、用户体验和功能扩展进行...
在这个"jqgrid加载本地数据分页Demo"中,我们将深入探讨如何利用jqGrid实现本地数据的分页显示。 1. **jqGrid的基本结构** jqGrid由Tomasz Wegrzan开发,基于jQuery库。它的核心功能包括数据的加载、排序、搜索、...
在这个Demo中,我们将深入探讨JqGrid与JSON的结合以及Struts2框架如何在后台提供数据支持。 首先,JqGrid允许用户通过Ajax方式获取和操作数据,提供了排序、分页、搜索和编辑等功能。在`JqGrid Demo json`中,JSON...
在“jqgriddemo.zip”这个压缩包中,包含的是 jqGrid 的各种表格应用示例,主要用于展示其功能和用法,版本为 5.0。这个离线 demo 打包非常适合开发者在没有网络连接的情况下学习和测试 jqGrid。 jqGrid 提供了丰富...
jqGrid5.2.0与jQuery 3.1.1的结合,确保了在不同环境下表格控件的正常运行和高效操作。 **隐藏列功能** 隐藏列是jqGrid的一个实用特性,允许用户根据需要显示或隐藏表格中的某些列。这一功能提升了界面的可定制性...
jqGrid是一款功能强大的JavaScript数据网格插件,常用于在网页中展示和操作大量结构化的数据。这个"jqgridDemo"应该是包含了一些基本和进阶的jqGrid使用示例,帮助用户快速理解和应用jqGrid到自己的项目中。由于描述...
jqgrid_demo40-----可用的-使用方法请查看README文件.rar-----------经我修改过的demo40,官网上面demo40下载下来是没法用的,因为里面有些东西是错的,当然我这个demo40还是还有是些不足,比喻说数据库中少表导致...
通过查看和运行这些示例,你可以更直观地了解 jqGrid 的工作原理和配置方法。 总结来说,jqGrid 是一个功能强大的 jQuery 表格插件,适合处理大量数据并提供各种交互功能。"jqGrid demo"为你提供了一个实践和学习 ...