jqGrid – Как настроить jsonreader (для использования с Jayrock)?
Вопрос
Мне было интересно, может ли кто-нибудь иметь какое-то представление об этом.jqGrid вполне доволен этой строкой JSON:
{'page':'1','total':1,'records':'4','rows':[{'id':1,'title':'Story Manager','assigned':'2009-06-22T10:52:28.0687738-05:00','due':'2009-07-29T10:52:28.0687738-05:00','completed':'2009-07-14T10:52:28.0687738-05:00'},{'id':2,'title':'Analysis','assigned':'2009-06-22T10:52:28.0687738-05:00','due':'2009-07-29T10:52:28.0687738-05:00','completed':'2009-07-14T10:52:28.0687738-05:00'},{'id':3,'title':'Narrative','assigned':'2009-06-22T10:52:28.0687738-05:00','due':'2009-07-29T10:52:28.0687738-05:00','completed':'2009-07-14T10:52:28.0687738-05:00'},{'id':4,'title':'Graphic','assigned':'2009-06-22T10:52:28.0687738-05:00','due':'2009-07-29T10:52:28.0687738-05:00','completed':'2009-07-14T10:52:28.0687738-05:00'}]}
Jayrock (инфраструктура .NET JSON-RPC) предоставляет строку JSON как:
{id:'-1','result':{'page':'1','total':1,'records':'4','rows':[{'id':1,'title':'Story Manager','assigned':'2009-06-22T10:52:28.0687738-05:00','due':'2009-07-29T10:52:28.0687738-05:00','completed':'2009-07-14T10:52:28.0687738-05:00'},{'id':2,'title':'Analysis','assigned':'2009-06-22T10:52:28.0687738-05:00','due':'2009-07-29T10:52:28.0687738-05:00','completed':'2009-07-14T10:52:28.0687738-05:00'},{'id':3,'title':'Narrative','assigned':'2009-06-22T10:52:28.0687738-05:00','due':'2009-07-29T10:52:28.0687738-05:00','completed':'2009-07-14T10:52:28.0687738-05:00'},{'id':4,'title':'Graphic','assigned':'2009-06-22T10:52:28.0687738-05:00','due':'2009-07-29T10:52:28.0687738-05:00','completed':'2009-07-14T10:52:28.0687738-05:00'}]}}
Т.е.он добавляет "{id:'-1','result':{ /* ... snip ... */ }}
"обертка рабочего JSON.
Можно ли как-нибудь указать свойство jsonReader jqGrid на правильное место, чтобы начать анализ результата JSON?Мне от всего этого чертовски скучно :)
--- редактировать ---
Я хотел опубликовать быстрый пример...спасибо за твой ответ, Станц.Все, что необходимо для следующего примера, — это .NET, Джейрок, jQuery, и jqGrid.Это работает с приведенным выше JSON.Я забыл, нужно ли вам устанавливать тип контента.
var lastsel; // last row selected (for editing)
jQuery(document).ready(function(){
jQuery("#mygrid").jqGrid({
contentType: "text/plain; charset=utf-8",
datatype: function(postdata)
{
$.ajax({
url: 'http://localhost:2064/StoryManager/StoryManager.ashx/getPageItemRoles?id=3',
data: postdata,
complete: function(response, status)
{
if(status=='success')
{
var mygrid = jQuery("#mygrid")[0];
var o = eval("(" + response.responseText + ")"); // TODO don't use eval. it's insecure, but older browsers support it...
mygrid.addJSONData(o.result);
}
}
})
},
colNames:['ID', 'Title', 'Assigned To', 'Assigned', 'Due', 'Completed'],
colModel:[
{name:'id', label:'ID', jsonmap:'id', hidden: true, editrules: { edithidden: true }},
{name:'title', jsonmap:'title', editable: true},
{name:'assignedto', label:'Assigned To', jsonmap:'assignedto', editable: true},
{name:'assigned', jsonmap:'assigned', editable: true},
{name:'due', jsonmap:'due', editable: true},
{name:'completed', jsonmap:'completed', editable: true}
],
jsonReader: {
repeatitems: false
}
});
});
Решение
Нет, вы не можете сделать это через jsonReader.Внутри сетка выполняет:
ts.p.page = data[ts.p.jsonReader.page];
...который не будет работать для подсвойства, отмеченного пунктиром.
Вместо этого вам нужно будет получить данные сетки вручную, установив тип данных в функцию.Затем вы можете получить данные с помощью $.ajax и вызвать Grid.addJsonData, когда они вернутся, точно так же, как это делает сетка, за исключением того, что вместо передачи всего ответа вы передаете подсвойство ответа.
Другие советы
Этот пост и ссылки были действительно полезны.У меня пока нет четкого понимания, как это работает, но я решил опубликовать это, чтобы помочь кому-то облегчить боль :)
Это возврат JSON из getRecords:
{"id":-1,"result":{"page":"1","total":"1","записи":"2","строки":[{"id":"13","invdate":"2007-10-06","name":"Client 3","сумма":"1000.00","налог":"0.00","всего":"1000.00","примечание":"},{"id":"12","invdate":"2007-10-06","название":"Клиент 2","сумма":"700.00","налог":"140.00","всего":"840.00","примечание":"нет налог"}]}}
И это рабочий код:
jQuery(document).ready(function(){
jQuery("#list4").jqGrid({
contentType: "text/plain; charset=utf-8",
datatype: function(postdata)
{
$.ajax({
url: 'http://localhost/Booga/Baba.ashx/getRecords',
data: "{}", // For empty input data use "{}",
dataType: "json",
type: "GET",
contentType: "application/json; charset=utf-8",
complete: function(response, status)
{
if(status=='success')
{
var mygrid = jQuery("#list4")[0];
var o = eval("(" + response.responseText + ")");// TODO don't use eval. it's insecure, but older browsers support it...
mygrid.addJSONData(o.result);
}
}
})
},
colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
colModel:[
{name:'id',index:'id', width:55},
{name:'invdate',index:'invdate', width:90, jsonmap:"invdate"},
{name:'name',index:'name asc, invdate', width:100},
{name:'amount',index:'amount', width:80, align:"right"},
{name:'tax',index:'tax', width:80, align:"right"},
{name:'total',index:'total', width:80,align:"right"},
{name:'note',index:'note', width:150, sortable:false}
],
jsonReader: {
repeatitems: false
}
});
});
Кстати, кто-нибудь знает, почему использование eval небезопасно?Посмотрите комментарий к моему коду.Я взял эту часть из ссылки forum.asp.
Т.е.он добавляет "{id:'-1','result':{ /* ...отрезок...*/ }}» — оболочка рабочего JSON.
Это побочный эффект того, как JayRock обрабатывает ответы SMD... «id» является «идентификатором ответа» и помогает при асинхронной связи.
Итак, если вы отправляете кучу асинхронных запросов (и не ждете ответа), вы можете указать «идентификатор запроса», и JayRock учтет это... так что вы можете согласовать ответы с запросами.
Надеюсь, это имеет хоть какой-то смысл.