Extjs分页时遇上ivalid label的解决原理
这一周在学extjs,1然后在使用Extjs的PagingGrid分页时,总是碰到ivalid label 这个错误,也在网上看了一些资料,可是多数都没有提到如何解决ivalid label,有部份提到解决方法(将json-data前后加上括号然后再返回等),可是实验过后是错误的,经过问题重现,发现:
1:同一个文件在用Ext.data.httpProxy访问时能正常显示
2:在用Ext.data.ScriptTagProxy的时候才出现上述错误(因为想实现跨域访问后台分页的文件,所以必须用这个,要不然也不会发现用ScriptTagProxy与httpProxy访问一个一样的文件时结果会不正确)
然后我就再次查看ext 2.1的范例,仍然没有发现什么,因为范例中的后台分页文件所返回的数据格式与我的一样,令我再次迷茫……(看不懂php文件,也许看得懂的话能够查出问题所在)
我相信,我肯定有些地方漏掉了……然后我便以重新学习extjs的心态对着Ext.data.ScriptTagProxy这部份文档再次慢慢的阅读.发现有这么一段:
In order for
the browser to process the returned data, the server must wrap the data object
with a call to a callback function, the name of which is passed as a parameter
by the ScriptTagProxy.…………
我想我应该找到问题的关健了……
其实原因很简单就是使用ScriptTagProxy时要从request参数中获得callback
属性,把得到的参数跟
json-data
一起返
回,因为
返回的data是要在浏览器中执行的所以仅仅返回json-data是不够的,需要构造成callBackName(json-data)这种形式返回。
JAVA 代码如下:
String cb =
request.getParameter("callback");//获得callback属性
response.getWriter()write(cb + “(”+ json-data + ");");//将json-data进行重新包装
C#代码如下:
string cb =
Request.Params.Get(3).ToString();//获得callback属性
Response.Write(cb + "("
+ json-data + ");");//将json-data进行重新包装
Note:关于response.contentType也需要依据是否有callback进行设置,如果未设的情况下用application/x-json,存在callback属性时用text/javascript.