「沒有數據顯示」，而將JSON數據填充到YUI數據表

Question

我是YUI的新手，無法找到如何解決此問題。我使用從YUI的例子代碼，並試圖讓我的JSON網址工作..

<div id="pizza" class="yui3-skin-sam dt-example"></div> 
<script> 
YUI().use("datasource-get", "datasource-jsonschema", "datatable-base-deprecated", "datatable-datasource-deprecated", function (Y) { 

var url = "http://api.geonames.org/citiesJSON?north=44.1&south=-9.9&east=-22.4&west=55.2&lang=de&username=demo", 
dataSource, 
table; 

dataSource = new Y.DataSource.Get({ source: url }); 

dataSource.plug(Y.Plugin.DataSourceJSONSchema, { 
schema: { 
    resultListLocator: "geonames", 
    resultFields: ["fcodeName", "toponymName", "countrycode", "fcl", "fclName", "name", "wikipedia", "lng", "fcode", "geonameId", "lat", "population"] 
} 
}); 

table = new Y.DataTable.Base({ 
columnset: ["fcodeName", "toponymName", "countrycode", "fcl", "fclName", "name", "wikipedia", "lng", "fcode", "geonameId", "lat", "population"] }); 

table.plug(Y.Plugin.DataTableDataSource, { datasource: dataSource }); 

table.render("#pizza"); 

table.datasource.load({ request: url }); 
}); 
</script> 

和我的JSON響應是

{"geonames":[{"fcodeName":"capital of a political entity","toponymName":"Mexico City","countrycode":"MX","fcl":"P","fclName":"city, village,...","name":"Mexiko-Stadt","wikipedia":"","lng":-99.12766456604,"fcode":"PPLC","geonameId":3530597,"lat":19.428472427036,"population":12294193}, same pattern....]} 

我覺得我缺少一些基本概念。如果這個問題沒有道理，我很抱歉。

Answer 1

這是您需要的Javascript代碼。您可以使用此小提琴測試：http://jsfiddle.net/tppiotrowski/pfHAm/

YUI().use("datasource-get", "datasource-jsonschema", "datatable-base-deprecated", "datatable-datasource-deprecated", function (Y) { 

var url = "http://api.geonames.org/citiesJSON?", 
    query = "north=44.1&south=-9.9&east=-22.4&west=55.2&lang=de&username=test1", 
    dataSource, 
    table; 

dataSource = new Y.DataSource.Get({ source: url }); 

dataSource.plug(Y.Plugin.DataSourceJSONSchema, { 
    schema: { 
     resultListLocator: "geonames", 
     resultFields: ["fcodeName", "toponymName", "countrycode", "fcl", "fclName", "name", "wikipedia", "lng", "fcode", "geonameId", "lat", "population"] 
    } 
}); 

table = new Y.DataTable.Base({ 
    columnset: ["fcodeName", "toponymName", "countrycode", "fcl", "fclName", "name", "wikipedia", "lng", "fcode", "geonameId", "lat", "population"]  
}); 

table.plug(Y.Plugin.DataTableDataSource, { datasource: dataSource }); 

table.render("#pizza"); 

table.datasource.load({ request: query }); 
});​