读书人

jquery Easy UI 的datagrid的时候遇到

发布时间: 2014-01-03 14:10:51 作者: rapoo

jquery Easy UI 的datagrid的时候遇到问题了,大神们请帮忙看下
程序框架是用的asp.net的MVC

后台代码是这样子的

[HttpPost]
public ActionResult Index1()
{
StringBuilder strb=new StringBuilder();
strb.Append("{\"total\":126,\"rows\":[{\"address\":\"CZ88.NET \",\"city\":\"IANA保留地址\",\"id\":\"1\"},");
strb.Append("{\"address\":\"CZ88.NET \",\"city\":\"澳大利亚\",\"id\":\"2\"},");
strb.Append("{\"address\":\"电信\",\"city\":\"福建省\",\"id\":\"3\"},");
strb.Append("{\"address\":\"CZ88.NET \",\"city\":\"澳大利亚\",\"id\":\"4\"},");
strb.Append("{\"address\":\"CZ88.NET \",\"city\":\"泰国\",\"id\":\"5\"},");
strb.Append("{\"address\":\"CZ88.NET \",\"city\":\"日本\",\"id\":\"6\"},");
strb.Append("{\"address\":\"电信\",\"city\":\"广东省\",\"id\":\"7\"},");
strb.Append("{\"address\":\"CZ88.NET \",\"city\":\"日本\",\"id\":\"8\"}]}");
return Json(strb.ToString());
}


前台JS代码是这样的

<script>
function loder() {
$('#grid').datagrid({
title: '表格',
width: 700,
height: 500,
method:"post",
url: 'Home/Index1',
columns: [[{ field: 'ID', title: 'id', width: 100, align: 'center' },
{ field: '地区', title: 'city', width: 120, align: 'left' },
{ field: '地址', title: 'address', align: 'left', width: 500 }]]
});
}
</script>

页面代码:


<body>
<input type="button" id="updateGrid" onclick="loder()" value="更新标题"/>
<table id="grid"></table>

</body>

火狐里报错是这样的


TypeError: rows is undefined

火狐浏览器请求响应到的数据是这样的图片

jquery Easy UI 的datagrid的时候遇到有关问题了,大神们请帮忙看下

响应的字符串

"{\"total\":126,\"rows\":[{\"address\":\"CZ88.NET \",\"city\":\"IANA保留地址\",\"id\":\"1\"},{\"address\":\"CZ88.NET \",\"city\":\"澳大利亚\",\"id\":\"2\"},{\"address\":\"电信\",\"city\":\"福建省\",\"id\":\"3\"},{\"address\":\"CZ88.NET \",\"city\":\"澳大利亚\",\"id\":\"4\"},{\"address\":\"CZ88.NET \",\"city\":\"泰国\",\"id\":\"5\"},{\"address\":\"CZ88.NET \",\"city\":\"日本\",\"id\":\"6\"},{\"address\":\"电信\",\"city\":\"广东省\",\"id\":\"7\"},{\"address\":\"CZ88.NET \",\"city\":\"日本\",\"id\":\"8\"}]}"


页面上显示的datagrid是这样的

jquery Easy UI 的datagrid的时候遇到有关问题了,大神们请帮忙看下

不知道问题出在哪里了........
[解决办法]
你的后台返回的是字符串不会解析成json字符串 把数据封装成bean对象在返回试试
[解决办法]
你返回的是字符串了,Json这个函数是不是又进行了"转义替换了
[解决办法]

引用:
Quote: 引用:

不该带反斜杠吧

反斜杠是转义字符,是把反斜杠后边的引号转意成引号返回,否则就成了程序里的字符串结束符号了

刚刚发现你返回的是字符串,你应该放到bean对象里面返回回来

读书人网 >JavaScript

热点推荐