6.30.15 - КАК Я МОГУ СДЕЛАТЬ ЭТОТ ВОПРОС ЛУЧШЕ И ПОЛЕЗНЕЕ ДЛЯ ДРУГИХ? ОТЗЫВ БУДЕТ ПОЛЕЗЕН. СПАСИБО!
Я создаю сетку по запросу, используя dgrid dojo. У меня проблемы с подключением к магазину. Я могу отобразить заголовки столбцов, но не могу отобразить какие-либо данные, вот код, который я использую. Некоторые данные изменены в целях конфиденциальности. Будем очень благодарны любой помощи. Json извлекается из API Django Rest Framework.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dgrid Test</title>
<link a ref
</head>
<body>
<div id="grid"></div>
<script src="/static/web/dojo/dojo.js"
data-dojo-config="async: true"></script>
<script>
require([
'dojo/_base/declare',
'dojo/data/ObjectStore',
'dojo/store/JsonRest',
'dojo/store/Memory',
'dgrid/OnDemandGrid',
'dojo/domReady!'], function (declare, ObjectStore, Memory, JsonRest, OnDemandGrid) {
var grid = new OnDemandGrid({
collection: new dojo.store.JsonRest({target:"/api/storeName/"}),
columns: {
id: 'ID',
column1: 'column1',
column2: 'column2',
column3: 'column3',
column4: 'column4',
column5:'column5',
column6:'column6',
column7:'column7',
column8: 'column8'
}
}, 'grid');
grid.startup();
});
</script>
ОБНОВЛЕНИЕ - применяется dstore/Rest - по-прежнему не удается извлечь данные. Теперь заголовки столбцов также не отображаются...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dgrid Test</title>
</head>
<body>
<div id="grid"></div>
<script src="/static/web_ui/dojo/dojo.js"
data-dojo-config="async: true"></script>
<script>
require([
'dojo/_base/declare',
'dojo/dom',
'dojo/on',
'dstore/Rest',
'dgrid/OnDemandGrid',
'dojo/domReady!'
], function (declare, dom, on, Rest, OnDemandGrid) {
// Create an instance of OnDemandGrid referencing the store
var store = new Rest({ target:"/api/apiname/" });
});
var grid = new OnDemandGrid({
collection: store,
columns: {
column1: 'column1',
column2: 'column2',
column3: 'column3',
column4: 'column4',
column5:'column5',
column6:'column6',
column7:'column7',
column8: 'column8'
}
}, 'grid');
grid.startup();
ОБНОВЛЕНИЕ 6.2.15
Вот пересмотренный код, над которым я работал сегодня утром. Вот ошибка, возникающая в Firebug: TypeError: transform(...) is null return transform(value, key).toString(); инструмент...tion.js (строка 20)
Это действительно не имеет никакого смысла. Я не знаю, мешает ли эта ошибка отображать данные или нет. Что бы я ни делал, он не отображается. Завтра будет две недели работы над этой вещью. Радости программирования. :)
А вот код:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dgrid Test</title>
</head>
<body>
<h1>Demo: Single-Query Mixin</h1>
<form id="queryForm">
<label for="lastField">Blank Blank contains:</label>
<input id="lastField" name="blank_type">
<button type="submit">Filter</button>
<button type="reset">Reset</button>
</form>
<div id="grid"></div>
<script src="/static/web_ui/dojo/dojo.js"
data-dojo-config="async: true"></script>
<script>
require([
'dojo/_base/declare',
'dojo/dom',
'dojo/on',
'dstore/Rest',
'dstore/Request',
//'dstore/RequestMemory',
'dgrid/extensions/Pagination',
'dgrid/OnDemandGrid',
'dstore/Trackable',
'dojo/domReady!'
], function (declare, dom, on, Rest, Request, Pagination, OnDemandGrid, Trackable) {
// Create an instance of OnDemandGrid referencing the store
var data = [];
for (var i = 0; i < 100; i++) {
data[i] = {
id: i + 1,
name: '' + (i + 1),
value: i + 1
};
}
var store = new (declare([Rest, Trackable]))({
target:'http://localhost:8000/api/XXXXXXXXX/?format=json',
range:items=0-25,
idProperty: 'id',
data: data
});
var grid = new (declare([OnDemandGrid, Pagination]))({
collection: store,
columns: [
{label:"ID", field:"id"},
{label:"XXXXXXXXX", field:"XXXXXXXXX"},
{label:"XXXXXXXXX", field:"XXXXXXXXX"},
{label:"XXXXXXXXX", field:"XXXXXXXXX"},
{label:"XXXXXXXXX", field:"XXXXXXXXX"},
{label:"XXXXXXXXX", field:"XXXXXXXXX"},
{label:"XXXXXXXXX", field:"XXXXXXXXX"},
{label:"XXXXXXXXX", field:"XXXXXXXXX"},
{label:"XXXXXXXXX", field:"XXXXXXXXX"}
]
}, 'grid');
grid.startup();
});
</script>
</body>
</html>
Это код, если вы нажмете ссылку в ошибке. Сама сетка отображается в браузере; кнопки, заголовки столбцов... все... просто нет данных. И в терминале (информация о сервере): это отображает: [02/Jun/2015 13:38:18] "GET /api/XXXXXXXXX/?format=json&limit(25) HTTP/1.1" 200 1631 [02/ июнь 2015 г., 13:38:18] "GET /api/XXXXXX/?format=json&limit(10) HTTP/1.1" 200 1631
// | }
// | );
thisObject = thisObject || kernel.global;
transform = transform ?
lang.hitch(thisObject, transform) : function(v){ return v; };
return template.replace(/\$\{([^\s\:\}]+)(?:\:([^\s\:\}]+))?\}/g,
function(match, key, format){
var value = lang.getObject(key, false, map);
if(format){
value = lang.getObject(format, false, thisObject).call(thisObject, value, key);
}
return transform(value, key).toString();
}); // String
};
string.trim = String.prototype.trim ?
lang.trim : // aliasing to the native function
function(str){
str = str.replace(/^\s+/, '');
for(var i = str.length - 1; i >= 0; i--){
if(/\S/.test(str.charAt(i))){
str = str.substring(0, i + 1);
break;
}
}
return str;
};
ОБНОВЛЕНИЕ 6.3.15 Вот новый код, пытающийся создать собственный магазин для удовлетворения требований.
<script>
define([
'dojo/_base/lang',
'dojo/_base/declare',
'dojo/dom',
'dojo/on',
'dstore/Store',
'dojo/Request',
'dojo/store/Observable',
'dgrid/extensions/Pagination',
'dgrid/OnDemandGrid',
'dstore/QueryResults',
'dojo/domReady!'
], function (lang, declare, dom, on, Store, Request, Observable, Pagination, OnDemandGrid, QueryResults) {
// Create an instance of OnDemandGrid referencing the store
return declare(Observable(Store, {
apiUrl:'http://localhost:8000/api/table/?format=json',
headers: {
Accept: 'application/json.rest_framework.v3+json'
},
'Content-Range':items=0-25/765,
_request:function (target, options) {
options = lang.mixin({ handleAs:'json'}, options);
options.headers = lang.mixin({}, this.headers, options.headers);
return request(this.apirUrl + target, options);
},
get: function (id) {
return this._request('api/table/'+ encodeURIComponent(id),{
method: 'GET'
});
},
fetch: function(){
return new QueryResults(this._request('/api/table'));
}
}));
var grid = new (declare([OnDemandGrid, Pagination]))({
collection: store,
columns: {
{label:"ID", field:"id"},
{label:"XXXXXXXXX", field:"XXXXXXXXX"},
{label:"XXXXXXXXX", field:"XXXXXXXXX"},
{label:"XXXXXXXXX", field:"XXXXXXXXX"},
{label:"XXXXXXXXX", field:"XXXXXXXXX"},
{label:"XXXXXXXXX", field:"XXXXXXXXX"},
{label:"XXXXXXXXX", field:"XXXXXXXXX"},
{label:"XXXXXXXXX", field:"XXXXXXXXX"},
{label:"XXXXXXXXX", field:"XXXXXXXXX"}
}
}, 'grid');
grid.startup();
});
</script>
${...}, которого на самом деле не существует в вашем виджете. Однако это совершенно не связано с первоначальными проблемами, связанными с форматом данных, и вы до сих пор не включили пример того, как выглядит ответ данных вашей службы. - person Ken Franqueiro schedule 02.06.2015