Flexigrid无法显示数据，求大神围观

最新推荐文章于 2021-06-15 20:37:02 发布

jianguzao7886

最新推荐文章于 2021-06-15 20:37:02 发布

阅读量430

点赞数

本文链接：https://blog.csdn.net/jianguzao7886/article/details/53975308

版权

本人在网上寻找Flexigrid的使用方法，按照网上给的例子练习，数据一直显示不出来只显示除了表头信息，求大神指教
代码如下：
前台代码：
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript" src="js/jquery-1.9.1.js">
    </script>
    <script type="text/javascript" src="js/flexigrid.js"></script>
    <link type="text/css" href="CSS/flexigrid.css" />
    <script type="text/javascript">
    $(document).ready(function () {
            $("#flex1").flexigrid
            (
            {
                url:'E:\Flxei测试\griddata.ashx',
                dataType: 'json',
                colModel: [
                { display: '信息编号', name: 'RINO', width: 100, sortable: false, align: 'center' },
                { display: '信息标题', name: 'RITITLE', width: 250, sortable: true, align: 'center' },
                { display: '信息类别', name: 'ICNAME', width: 100, sortable: true, align: 'center' },
                { display: '信息热点', name: 'RIHOTPOINT', width: 100, sortable: true, align: 'center' },
                { display: '发布作者', name: 'RIAUTHOR', width: 100, sortable: true, align: 'center' }
                ],
                width: 800,
                height: 600,
                rp:20,
                page:1,
                method: 'POST',
                title: "信息发布管理"
            }
            );
        });
        </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <table id="flex1" style="display:none"></table>
    </div>
    </form>
</body>
</html>
后台代码：griddata.ashx

using System;
using System.Web;
using System.Text;
public class griddata : IHttpHandler {

   public void ProcessRequest(HttpContext context)
        {

            HttpResponse Response = context.Response;
            Response.Clear();
            Response.ClearContent();
            Response.ContentType = "text/plain";
            Response.Charset = "utf-8";

            StringBuilder json = new StringBuilder();
            json.Append("{\n");
            json.Append("\"rows\":[");

            for (int i = 0; i < 15; i++)
            {
                if (i != 0)
                    json.Append(",");

                json.Append("\n{");
                json.Append( String.Format("\"id\":\"{0}\",",i));
                json.Append(String.Format("\"cell\":[\"{0}\",\"核桃\",\"坚果\",\"否\",\"admin\"]",i));
                json.Append("}\n");
            }

            json.Append("]");
            json.Append("}");

            Response.Write(json.ToString());
            Response.End();
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
后台页面JSON格式如下：
{
"rows":[
{"id":"0","cell":["0","核桃","坚果","否","admin"]}
,
{"id":"1","cell":["1","核桃","坚果","否","admin"]}
,
{"id":"2","cell":["2","核桃","坚果","否","admin"]}
,
{"id":"3","cell":["3","核桃","坚果","否","admin"]}
,
{"id":"4","cell":["4","核桃","坚果","否","admin"]}
,
{"id":"5","cell":["5","核桃","坚果","否","admin"]}
,
{"id":"6","cell":["6","核桃","坚果","否","admin"]}
,
{"id":"7","cell":["7","核桃","坚果","否","admin"]}
,
{"id":"8","cell":["8","核桃","坚果","否","admin"]}
,
{"id":"9","cell":["9","核桃","坚果","否","admin"]}
,
{"id":"10","cell":["10","核桃","坚果","否","admin"]}
,
{"id":"11","cell":["11","核桃","坚果","否","admin"]}
,
{"id":"12","cell":["12","核桃","坚果","否","admin"]}
,
{"id":"13","cell":["13","核桃","坚果","否","admin"]}
,
{"id":"14","cell":["14","核桃","坚果","否","admin"]}
]}
RT:数据就是死活不显示，求高人指点

jianguzao7886

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Flexigrid无法显示数据，求大神围观

本人在网上寻找Flexigrid的使用方法，按照网上给的例子练习，数据一直显示不出来只显示除了表头信息，求大神指教代码如下：前台代码： Untitled Page $(document).ready(function () { $("#flex1").flexigrid
复制链接

扫一扫