关于jqgrid数据不显示问题
近日有个需求要用到jqgrid,原本用着一切都很顺利,但是在需求变动后,只是修改部分字段名称jqgrid就不显示数据了,后台数据也能传到前台,但是就是不给我显示,到嘴的肉就是没法吃,蛋疼,郁闷都无法形容我的感受。。。。。。我开始怀疑自个了
jQuery("#grid-table").jqGrid({
url:'<%=request.getContextPath()%>/salesAnalysis.do?method=getIntelligenceSaleTree',
postData:getParam(),//参数
datatype: "json",
jsonReader : {
root:"data",//array或者List数据
page: "page",//当前页码
total: "pages",//总页数
records: "count",//总记录数
repeatitems: false
},
colNames:['地区','城市','区县','客户名称','期初库存','购进数量','销量数量','期末库存'],
colModel:[
{name:'PROV_NAME',index:'PROV_NAME', sorttype:'text'},
{name:'CITY_NAME',index:'CITY_NAME',},
{name:'AREA_NAME',index:'AREA_NAME'},
{name:'CLIENT_NAME',index:'CLIENT_NAME',summaryType:'count', summaryTpl : '{0}'},
{name:'BEGIN_STOCK',index:'BEGIN_STOCK', align:"right", sorttype:'number',formatter:'number',summaryType:'sum'},
{name:'CODE_PURCHASE_COUNT',index:'CODE_PURCHASE_COUNT', align:"right",sorttype:'number',formatter:'number',summaryType:'sum'},
{name:'CODE_SALE_COUNT',index:'CODE_SALE_COUNT', align:"right",sorttype:'number',formatter:'number', summaryType:'sum'},
{name:'END_STOCK',index:'END_STOCK',align:"right",sorttype:'number',formatter:'number', summaryType:'sum'}
],
rowNum:10,
rowList:[10,20,30],
height: 'auto',
autowidth: true,
pager: '#gridpager',
sortname: 'PROV_NAME',
viewrecords: true,
sortorder: "desc",
caption:"智能销售树",
grouping: true,
groupingView : {
groupField : ['PROV_NAME','CITY_NAME','AREA_NAME'], //分组字段
groupColumnShow : [true,false,false],//是否隐藏分组字段
groupText : ['<b>{0}</b>'],
groupCollapse : false,
groupOrder: ['asc'],// 分组后的排序
groupSummary : [true],
groupDataSorted : true,// 分组中的数据是否排序
showSummaryOnHide : false //是否在分组底部显示汇总信息并且当收起表格时是否隐藏下面的分组
},
footerrow: false,
userDataOnFooter: false ,
gridComplete : function() {
var ids = $("#grid-table").jqGrid("getDataIDs");
for(var i=0;i < ids.length;i++){
var cl = ids[i];
//置空
var city = "";
$("#grid-table").jqGrid("setRowData",cl,{PROV_NAME:city});
}
},
loadComplete : replaceCss
});
各种尝试,包括变换请求方式,本地json,都是无法解决,郁闷之极,周末都在想这个问题,终于,周一早上Google了才发现jqgrid对json的数据格式校验异常的严格,包括对单引号双引号,jqgrid要求用双引号,如果你用了单引号可得注意了,但是我发现的都是双引号。
那我的问题出在哪儿呢?

我从firebug里把传到前台的json复制出来放到在线的json检测工具里(http://www.bejson.com/index.php),问题发现了,原来里面有个字段数据是"长清区\0\0",就多了\0\0 jqgrid就无法显示了,OMG......我后台的数据都是我临时添加的用于测试的,于是乎把数据库中\0\0去掉就解决了,爽。。。。。。
总结:1,首先要对自个写的代码要有足够的自信,这个在解决问题的时候要少走很多弯路。
2,要利用工具快速的缩小问题的范围,如firebug就知道数据是正常传递的。
3,要对最大化地了解所用技术的脾气。就比如我这个。当然参透api是最好的了。
关于jqgrid数据不显示问题的更多相关文章
- 利用JqGrid结合ashx显示列表之一
最近项目决定运用JqGrid列表控件显示相关数据,以前接触比较多还是easyui和Ext.Net的列表控件,文章简单写的小实例进行一个总结: 1:引入相关的JS及CSS文件,JqGrid目前可以利用J ...
- EXTJS中grid的数据特殊显示,不同窗口的数据传递
//EXTJS中grid的数据特殊显示renderer : function(value, metaData, record, rowIndex, colIndex, store, view) { v ...
- input中空格后的数据不显示
bug,input中空格后的数据不显示 昨天在修bug,有一个bug是用户修改的个人信息的地址栏,输入有空格的话,空格后面的内容存不上,而且没有报错,奇怪了,只好跟踪下. 页面上的输入框就是个 ...
- easyui datagrid 没数据时显示滚动条的解决方法
今天解决了一个bug,因为datagrid有多列,可是当没有数据的时候,后面的列无法通过滚动条拉动来显示,比较麻烦,而需求要求没有数据也要拉动滚动条查看后面有什么列,一开始在网上找了一些资料,发现都不 ...
- ENVI软件操作之【数据的显示操作】
数据的显示操作主要包括以下的一些简单窗口操作 1.文件列表管理 1)可用的波段列表Available Bands List,使用于存取ENVI图像文件和显示图像文件的主要控制对话框.无论何时何地打开一 ...
- 从多个XML文档中读取数据用于显示webapi帮助文档
前言: 你先得知道HelpPageConfig文件,不知道说明你现在不需要这个,所以下文就不用看了,等知道了再看也不急.当然如果你很知道这个,下文也不用看了,因为你会了. 方法一: new XmlDo ...
- 实现easyui datagrid在没有数据时显示相关提示内容
本示例实现easyui datagrid加载/查询数据时,如果没有相关记录,则在datagrid中显示没有相关记录的提示信息,效果如下图所示 本实例要实现如下图所示的效果: 本示例easyui版本为1 ...
- easy ui datagrid在没有数据时显示相关提示内容
$(function () { $('#dg').datagrid({ fitColumns: true, url: 'product.json', pagination: true, pageSiz ...
- 扩展:gridview 空数据时显示表头
2015年7月14日16:50:06 Gridview 默认展示数据时,若数据为空,则表格不显示,显示不美观. 针对此问题进行扩展: using System.Web.UI.WebControls; ...
随机推荐
- js 无线弹窗
无限弹窗 function fad(action){ alert('); ht = setTimeout() } fad(); fad()能放在 $().ready() 里面,效果也一样
- javascript面向对象:继承、多态
继承 js中同样可以实现类的继承这一面向对象特性,继承父类中的所有成员(变量和属性),同时可扩展自己的成员,下面介绍几种js中实现继承的方式: 1,对象模仿:通过动态的改变 this 指针的指向,实现 ...
- 启动网卡报:Device eth0 does not seem to be present”解决办法
Device eth0 does not seem to be present”解决办法 : 用ifconfig查看发现缺少eth0,只有lo:用ifconfig -a查看发现多出了eth1的信息. ...
- python gutter area / 设置断点、行号右边代码左边的空白栏
最后通过在设置里搜索 关键词:show 找到的.== Edito > General > Gutter Icons Show gutter icons
- 蘑菇街TeamTalk编译连接过程中遇到的问题及解决方法(iOS)
今天浏览博文的时候,“蘑菇街开源的即时通讯框架,包括iOS.Android.Mac.Windows客户端和后台 Github源码下载地址:https://github.com/mogujie/Team ...
- Tomcat端口被占用错误
所报错误: 严重: Error initializing endpointjava.lang.Exception: Socket bind failed: [730013] ????????????? ...
- tyvj1191 迎春舞会之三人组舞
背景 HNSDFZ的同学们为了庆祝春节,准备排练一场舞 描述 n个人选出3*m人,排成m组,每组3人. 站的队形——较矮的2个人站两侧,最高的站中间. 从对称学角度来欣赏, ...
- 第2月第6天 iOS 运行时添加属性和方法
http://blog.csdn.net/meegomeego/article/details/18356169 第一种:runtime.h里的方法 BOOL class_addProperty(Cl ...
- Python ORM Storm 源码修改
安装 storm : pip install storm 目标:修改 Storm 源代码以支持自动重连文件:python安装目录/site-packages/storm/database.py 在41 ...
- 学习 opencv---(2) 图像的载入,显示和输出
了解过之前老版本OpenCV的童鞋们都应该清楚,对于OpenCV1.0时代的基于 C 语言接口而建的图像存储格式IplImage*,如果在退出前忘记release掉的话,就会照成内存泄露.而且用起来超 ...