首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2014-01-03 
jquery Easy UI 的datagrid的时候遇到问题了,大神们请帮忙看下程序框架是用的asp.net的MVC后台代码是这样

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对象里面返回回来

热点排行