jquery easyui datagrid问题

nitaiyoucala 2012-02-02 05:12:21
下面这是官网的例子 我运行怎么 datagrid没有绑定到值?

html页面。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>DataGrid Footer Row - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../themes/icon.css">
<link rel="stylesheet" type="text/css" href="demo.css">
<script type="text/javascript" src="../jquery-1.6.min.js"></script>
<script type="text/javascript" src="../jquery.easyui.min.js"></script>
<script type="text/javascript">
$(function(){
$('#tt').datagrid({
url: 'datagrid_data3.json',
title: '测试TEST',
width: 700,
height: 220,
fitColumns: true,
nowrap:false,
rownumbers:true,
showFooter:true,
columns:[[
{field:'itemid',title:'Item ID',width:80},
{field:'productid',title:'Product ID',width:120},
{field:'listprice',title:'List Price',width:80,align:'right'},
{field:'unitcost',title:'Unit Cost',width:80,align:'right'},
{field:'attr1',title:'Attribute',width:250},
{field:'status',title:'Status',width:60,align:'center'}
]]
});
});
</script>
</head>
<body>
<h2>DataGrid - Footer Row</h2>
<div class="demo-info" style="margin-bottom:10px">
<div class="demo-tip icon-tip"></div>
<div>Display summary information in footer rows.</div>
</div>

<table id="tt"></table>
</body>
</html>



JSON数据
{"total":28,"rows":[
{"productid":"FI-SW-01","unitcost":10.00,"status":"P","listprice":36.50,"attr1":"Large","itemid":"EST-1"},
{"productid":"K9-DL-01","unitcost":12.00,"status":"P","listprice":18.50,"attr1":"Spotted Adult Female","itemid":"EST-10"},
{"productid":"RP-SN-01","unitcost":12.00,"status":"P","listprice":28.50,"attr1":"Venomless","itemid":"EST-11"},
{"productid":"RP-SN-01","unitcost":12.00,"status":"P","listprice":26.50,"attr1":"Rattleless","itemid":"EST-12"},
{"productid":"RP-LI-02","unitcost":12.00,"status":"P","listprice":35.50,"attr1":"Green Adult","itemid":"EST-13"},
{"productid":"FL-DSH-01","unitcost":12.00,"status":"P","listprice":158.50,"attr1":"Tailless","itemid":"EST-14"},
{"productid":"FL-DSH-01","unitcost":12.00,"status":"P","listprice":83.50,"attr1":"With tail","itemid":"EST-15"},
{"productid":"FL-DLH-02","unitcost":12.00,"status":"P","listprice":63.50,"attr1":"Adult Female","itemid":"EST-16"},
{"productid":"FL-DLH-02","unitcost":12.00,"status":"P","listprice":89.50,"attr1":"Adult Male","itemid":"EST-17"},
{"productid":"AV-CB-01","unitcost":92.00,"status":"P","listprice":63.50,"attr1":"Adult Male","itemid":"EST-18"}
],"footer":[
{"unitcost":19.80,"listprice":60.40,"productid":"Average:"},
{"unitcost":198.00,"listprice":604.00,"productid":"Total:"}
]}

...全文
751 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
sha1122 2012-02-27
  • 打赏
  • 举报
回复
你用IE实验下,我用其他浏览器就不行啊!
de_mtj 2012-02-12
  • 打赏
  • 举报
回复
最近我也遇到这个问题,请问楼主是怎么解决的?
风一样的大叔 2012-02-03
  • 打赏
  • 举报
回复
LZ,你这个官网的demo我怎么没看到过啊 ? 完整demo
nitaiyoucala 2012-02-03
  • 打赏
  • 举报
回复
JS什么的都导入了。
风中叶 2012-02-03
  • 打赏
  • 举报
回复
你确定都正确引入了js文件?
datagrid没用过 用过jqGrid 跟这个有点像 官网的例子肯定没错 仔细看看
nitaiyoucala 2012-02-03
  • 打赏
  • 举报
回复
哈哈哈 可以了,用这个easyui datagrid 怎么导出excel??
nitaiyoucala 2012-02-03
  • 打赏
  • 举报
回复
我就是在这下的呢。
风一样的大叔 2012-02-03
  • 打赏
  • 举报
回复
nitaiyoucala 2012-02-02
  • 打赏
  • 举报
回复
自己顶一把。。。

87,921

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧