使用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
1 回答
已采纳
小白师兄
TA贡献55条经验 获得超37个赞
你好,你自己模拟的数据已经是json格式的了,在加载数据的时候,你不应该用url,而是应该用data,像这样:
data: dataBest,其他的不变!效果图如下
祝你好运!么么哒,
希望采纳喔!
添加回答
举报
0/150
提交
取消