在这里问下有没有研究过easy ui的大神,数据为什么刷新不出来呢?

使用easy UI是为了将数据图表化,简洁美观,但是里面的数据一直无法刷新出来,我的代码里面写了两条数据,但是显示出来的

一条数据都没有,网上找了好多解决方法,逐个试了一遍都没变化,所以只好来这里求助了0.0,代码如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>easy ui 数据如何显示??</title>
    <link rel="stylesheet" type="text/css" href="http://www.w3cschool.cc/try/jeasyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="http://www.w3cschool.cc/try/jeasyui/themes/icon.css">
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="http://www.w3cschool.cc/try/jeasyui/jquery.easyui.min.js"></script>

    <script type="text/javascript">




        function formatPrice(val,row){
            if (val < 20){
                return '<span style="color:red;">('+val+')</span>';
            } else {
                return val;
            }
        }
        </script>
</head>
<body>
<script type="text/javascript">



    var dataBest = eval("(" + '{ "total":2, "rows":[{"id":1,"channel":"channel","pushfee":101,"ctime":"ctime","close":"close"},{"id":2,"channel":"channel","pushfee":102,"ctime":"ctime","close":"close"}]}' +")");




    $(function() {
        $('#test').datagrid({
            onBeforeLoad: function (param) {
                var firstLoad = $(this).attr("firstLoad");
                if (firstLoad == "false" || typeof (firstLoad) == "undefined")
                {
                    $(this).attr("firstLoad","true");
                    return false;
                }
                return true;
            },
            title: "列表标题",
            iconCls: 'icon-save',
            width: 800,
            height: 600,
            method:'get',
            nowrap: false,
            striped: true,
            url:dataBest,
            sortName: 'id',
            sortOrder: 'desc',
            idField: 'id',
            frozenColumns: [[
                { field: 'ck', checkbox: true },
                { title: '编号', field: 'id', width:80,sortable:true }
            ]],
            columns: [[
                { title: '基本信息', colspan: 4 },
                {
                    field: 'opt', title: '操作', width: 100, align: 'center', rowspan: 4,
                    formatter: function(value, rec) {
                        return '<span style="color:red">编辑 删除</span>';
                    }
                }
            ], [
                { field: 'channel', title: '渠道',  width: 120 },
                { field: 'pushfee', title: '推广费', width: 120},
                { field: 'ctime', title: '注册时间', width: 120 },
                { field: 'close', title: '结算状态', width: 120 }
            ]],

            pagination: true,
            rownumbers: true,
            singleSelect: false,
            toolbar: [{
                text: '添加',
                iconCls: 'icon-add',
                handler: function() {
                    alert('添加数据')
                }
            }, '-', {
                text: '保存',
                iconCls: 'icon-save',
                handler: function() {
                    alert('保存数据')
                }
            }]
        });
    });
</script>

<table id="test"></table>

</body>
</html>

看官网介绍的Url写的是一个.json文件名,这里我没有这样写,而是使用了一个字符串创建了一个json数据,直接赋值给了url,而最终的效果如下图所示:

但是无论怎样写,数据就是不显示,本身对于web学习不算太系统,现在做的内容算是引用一个第三方的工具来实现表格数据展示,因此有点吃力,跪求大神指点0.0

bestDove

浏览 2333回答 1

1回答

小白师兄

你好,你自己模拟的数据已经是json格式的了,在加载数据的时候,你不应该用url,而是应该用data,像这样:data: dataBest,其他的不变!效果图如下祝你好运!么么哒,希望采纳喔!

2 0

随时随地看视频慕课网APP