我正在尝试对脚本本身内部的json格式的数据使用EditableGrid,但是却收到错误消息。
这是使用Github的最新代码,所以应该是3.0版本
有任何想法吗?提前致谢。
代码示例:
var jsonData = {
"metadata":[
{"name":"name","label":"NAME","datatype":"string","editable":true},
{"name":"firstname","label":"FIRSTNAME","datatype":"string","editable":true},
{"name":"age","label":"AGE","datatype":"integer","editable":true},
{"name":"height","label":"HEIGHT","datatype":"double(m,2)","editable":true},
{"name":"country","label":"COUNTRY","datatype":"string","editable":true,"values":
{
"Europe":{"be":"Belgium","fr":"France","uk":"Great-Britain","nl":"Nederland"},
"America":{"br":"Brazil","ca":"Canada","us":"USA"},
"Africa":{"ng":"Nigeria","za":"South-Africa","zw":"Zimbabwe"}}
},
{"name":"email","label":"EMAIL","datatype":"email","editable":true},
{"name":"freelance","label":"FREELANCE","datatype":"boolean","editable":true},
{"name":"lastvisit","label":"LAST VISIT","datatype":"date","editable":true}
],
"data":[
{"id":1, "values":{"country":"uk","age":33,"name":"Duke","firstname":"Patience","height":1.842,"email":"[email protected]","lastvisit":"11\/12\/2002"}},
{"id":2, "values":["Rogers","Denise",59,1.627,"us","[email protected]","","07\/05\/2003"]},
{"id":3, "values":{"name":"Dujardin","firstname":"Antoine","age":21,"height":1.73,"country":"fr","email":"[email protected]","freelance":true,"lastvisit":"21\/02\/1999"}},
{"id":4, "values":{"name":"Conway","firstname":"Coby","age":47,"height":1.96,"country":"za","email":"[email protected]","freelance":true,"lastvisit":"01\/12\/2007"}},
{"id":5, "values":{"name":"Shannon","firstname":"Rana","age":24,"height":1.56,"country":"nl","email":"[email protected]","freelance":false,"lastvisit":"07\/10\/2009"}},
{"id":6, "values":{"name":"Benton","firstname":"Jasmine","age":61,"height":1.71,"country":"ca","email":"[email protected]","freelance":false,"lastvisit":"13\/01\/2009"}},
{"id":7, "values":{"name":"Belletoise","firstname":"André","age":31,"height":1.84,"country":"be","email":"[email protected]","freelance":true,"lastvisit":""}},
{"id":8, "values":{"name":"Santa-Maria","firstname":"Martin","age":37,"height":1.80,"country":"br","email":"[email protected]","freelance":false,"lastvisit":"12\/06\/1995"}},
{"id":9, "values":{"name":"Dieumerci","firstname":"Amédé","age":37,"height":1.81,"country":"ng","email":"[email protected]","freelance":true,"lastvisit":"05\/07\/2009"}},
{"id":10,"values":{"name":"Morin","firstname":"Wanthus","age":46,"height":1.77,"country":"zw","email":"[email protected]","freelance":false,"lastvisit":"04\/03\/2004"}}
]};
$(function() {
editableGrid = new EditableGrid("EdiTable");
editableGrid.load(jsonData);
editableGrid.renderGrid("tablecontent");
});
html代码包含带有
id=tablecontent
的div 最佳答案
我猜您收到的错误消息是这样的:
谁在给我打电话?
EditableGrid.prototype.init @ http://www.editablegrid.net/templates/editablegrid_2015/js/editablegrid/editablegrid.js:168:15
EditableGrid @ http://www.editablegrid.net/templates/editablegrid_2015/js/editablegrid/editablegrid.js:121:49
@file:///home/michel/a.html:45:20
n。回调/ j @ https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js:2:26855
n.Callbacks / k.fireWith @ https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js:2:27673
.ready @ https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js:2:29465
I @ https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js:2:29656
在这种情况下,是因为缺少editablegrid的某些部分。
您应该像demo中那样包括:
<!-- include javascript and css files for the EditableGrid library -->
<script src="http://www.editablegrid.net/templates/editablegrid_2015/js/editablegrid/editablegrid.js"></script>
<script src="http://www.editablegrid.net/templates/editablegrid_2015/js/editablegrid/editablegrid_editors.js"></script>
<script src="http://www.editablegrid.net/templates/editablegrid_2015/js/editablegrid/editablegrid_renderers.js"></script>
<script src="http://www.editablegrid.net/templates/editablegrid_2015/js/editablegrid/editablegrid_utils.js"></script>
<script src="http://www.editablegrid.net/templates/editablegrid_2015/js/editablegrid/editablegrid_validators.js"></script>
这应该可以解决问题。