`
only_xxp
  • 浏览: 14009 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

jqGrid java小实例 及 ajax方式无数据显示解决

    博客分类:
  • js
阅读更多

1. 使用的是3.4 版, 搞了两三天, 还是无数据显示,原因如下

         没有修改jquery.jqGrid.js 中的var pathtojsfiles     

         这个变量是表示jqGrid包中的js文件夹下的东西你放哪了

 

 

 

2. 把这些东西都改好以后, 还是没数据显示, 但又没有任何js错误,  原因如下:

          从服务器返回的json数据格式有问题

 

       格式例子:

    {total: 3, page: 3, records: 21, rows: [{cell:['1211','1233-09-01','123.0','123.0','123.0','xxp']},]}

 

 

3. 这之前都是在FF里面测试的, 数据是用的json,  后来根据文档使用xml的数据, 在FF里面是没有问题的, 但是在IE中数据可以接收, 但不显示

     解决, 换成json格式的数据就可以显示了, 原因未知

 

 

 

4.  界面很乱, 特别是在IE里面, 很多地方乱套了, 原因是没有加入DTD声明

      在html最前面加上<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">就可以了

 

 

 

5. 其它问题请根据firebug 里面的 网络->所有    检查是不是有js文件路径写错了 或 js文件没引入

 

 

借鉴了http://huang2030.iteye.com/blog/518114这个例子

 

3.4 文档见我另一篇http://only-xxp.iteye.com/blog/768029

 

下面附上我的两个小例子的工程, 后台是随便写的, 见不得人的, 主要是实现一些jqGrid的基本功能, 前台页面在page文件夹里面

一个是用的3.4(xml数据)

一个是用的3.6(json 和 xml数据)   

分享到:
评论
2 楼 qkjava 2012-11-02  
两年之后再次访问
1 楼 qkjava 2010-12-20  
恩不错!
补充一点:数据库官方下载最新的。
我做的时候,数据库字段及其html页面的上下文路径要改一下。

相关推荐

    jqGrid 前端框架 连接后台实例 java servlet+jsp+mysql

    首先,jqGrid允许用户通过Ajax方式动态加载数据,支持多种数据格式,包括JSON、XML和CSV等。在本实例中,它与Java Servlet进行通信,Servlet作为服务器端的处理程序,负责接收前端请求,处理业务逻辑,并与数据库...

    Struts2JQGrid java版本分页

    Struts2JQGrid是一个基于Java的Web开发框架,它结合了Struts2和JQGrid两个强大的工具,用于创建动态、交互式的网格数据展示和管理界面。在本项目中,Struts2作为MVC(Model-View-Controller)框架负责处理业务逻辑和...

    前端项目-jqgrid.zip

    jqGrid支持Ajax数据交互,能够动态地从服务器获取数据,使得前端页面与后端数据库的数据同步变得简单易行。 **核心特性** 1. **数据加载**:jqGrid支持多种数据源,如JSON、XML、CSV等,可以动态地从服务器加载...

    jqGrid 演示最新版 jqgrid 4.4, jQuery 1.8.0, jQuery-ui 1.8.23

    - **数据分页**:jqGrid允许用户对大量数据进行分页显示,减轻服务器压力,提高页面加载速度。 - **排序**:用户可以点击列头对数据进行升序或降序排序,方便查找和分析。 - **过滤和搜索**:提供多种搜索选项,包括...

    jqGrid增删改查例子

    在这个实例中,Struts2负责处理来自jqGrid的AJAX请求,执行相应的数据库操作,并将结果返回给前端: 1. 动态Action配置:Struts2的Action类可以动态响应来自jqGrid的不同请求,比如获取数据、保存数据等。 2. 数据...

    jqgrid+三大框架

    【jqgrid+三大框架】是将前端数据展示组件jqGrid与经典的Java后端开发框架——Hibernate、Struts和Spring相结合的应用实例。这个项目基于MyEclipse2014开发环境,主要目标是实现数据的查询功能并通过jqGrid进行前端...

    JqGrid Demo json

    首先,JqGrid允许用户通过Ajax方式获取和操作数据,提供了排序、分页、搜索和编辑等功能。在`JqGrid Demo json`中,JSON(JavaScript Object Notation)作为数据交换格式,被用于从服务器向客户端传递结构化数据。...

    jqGridDemo

    5. 处理返回的数据:在AJAX请求成功后,jqGrid会自动处理返回的JSON数据,填充表格。 **示例项目结构** 在"jqGridDemo"项目中,可能包含以下部分: - JSP文件:展示jqGrid的页面,包含了HTML和JavaScript代码。 -...

    jqGrid分页

    jqGrid通过Ajax与后端服务器进行数据交换。在描述中提到了`action.java`,这可能是处理数据请求的Servlet或Controller。当用户翻页或更改每页显示的记录数时,`action.java`会被调用,执行数据库查询。在Java环境中...

    jqGrid与Sturts2的结合例子

    - AJAX请求:jqGrid通过AJAX向Struts2 Action发送请求,获取或更新数据。通常使用`$.ajax`或`$.getJSON`等jQuery方法。 - 回调处理:Struts2返回的JSON数据在客户端被jqGrid解析,用于填充表格或执行其他操作。 4...

    javase 对数据库的操作

    综上所述,这个项目结合了JavaSE的数据库操作、Struts控制逻辑、Hibernate的ORM功能、jQuery的前端处理和jqGrid的数据展示,为初学者提供了一个完整的AJAX和jQuery应用实例,帮助他们理解如何在实际项目中整合这些...

    jqgrid 简单学习笔记

    在实际项目中,JqGrid可以和服务器端框架(如ASP.NET、PHP或Java)结合使用,通过AJAX实现动态数据加载和更新。同时,还可以利用其内置的编辑模式(如弹出式编辑、行内编辑或表头编辑)以及自定义事件来实现复杂的...

    java 资料

    - **JQGrid插件**: JQGrid是一个基于JQuery的表格插件,提供强大的数据展示和数据编辑功能。 ### 数据库操作 - **Oracle数据库安装与配置**: 包括Oracle数据库的安装步骤、数据库初始化参数设置等。 - **MySQL的...

    jQuery Spring MVC

    本文将深入探讨如何将jQuery与Spring MVC进行有效整合,以及一个使用jqGrid的实例。 ### jQuery 简介 jQuery 是一个轻量级的JavaScript库,简化了DOM操作、事件处理、动画效果以及Ajax交互。它通过提供简洁的API,...

    JqWeb-framework-2.0技术参考文档

    - **多样的控制模式**:支持JSON、XML、Forward、Redirect等多种数据交换和跳转方式。 - **事件驱动架构**:基于事件的响应机制,提高应用的交互性和实时性。 - **JSON转换便捷**:内置转换工具,简化数据格式转换...

Global site tag (gtag.js) - Google Analytics