jqGrid com dados JSON processa tabela como vazia
-
06-07-2019 - |
Pergunta
Eu estou tentando criar um jqgrid, mas a tabela está vazia. A tabela torna, mas os dados não mostram.
Os dados que estou recebendo de volta a partir da chamada php é:
{
"page":"1",
"total":1,
"records":"10",
"rows":[
{"id":"2:1","cell":["1","image","Chief Scout","Highest Award test","0"]},
{"id":"2:2","cell":["2","image","Link Badge","When you are invested as a Scout, you may be eligible to receive a Link Badge. (See page 45)","0"]},
{"id":"2:3","cell":["3","image","Pioneer Scout","Upon completion of requirements, the youth is invested as a Pioneer Scout","0"]},
{"id":"2:4","cell":["4","image","Voyageur Scout Award","Voyageur Scout Award is the right after Pioneer Scout.","0"]},
{"id":"2:5","cell":["5","image","Voyageur Citizenship","Learning about and caring for your community.","0"]},
{"id":"2:6","cell":["6","image","Fish and Wildlife","Demonstrate your knowledge and involvement in fish and wildlife management.","0"]},
{"id":"2:7","cell":["7","image","Photography","To recognize photography knowledge and skills","0"]},
{"id":"2:8","cell":["8","image","Recycling","Demonstrate your knowledge and involvement in Recycling","0"]},
{"id":"2:10","cell":["10","image","Voyageur Leadership ","Show leadership ability","0"]},
{"id":"2:11","cell":["11","image","World Conservation","World Conservation Badge","0"]}
]}
Os olhares de configuração javascript assim:
$("#"+tableId).jqGrid ({
url:'getAwards.php?id='+classId,
dataType : 'json',
mtype:'POST',
colNames:['Id','Badge','Name','Description',''],
colModel : [
{name:'awardId', width:30, sortable:true, align:'center'},
{name:'badge', width:40, sortable:false, align:'center'},
{name:'name', width:180, sortable:true, align:'left'},
{name:'description', width:380, sortable:true, align:'left'},
{name:'selected', width:0, sortable:false, align:'center'}
],
sortname: "awardId",
sortorder: "asc",
pager: $('#'+tableId+'_pager'),
rowNum:15,
rowList:[15,30,50],
caption: 'Awards',
viewrecords:true,
imgpath: 'scripts/jqGrid/themes/green/images',
jsonReader : {
root: "rows",
page: "page",
total: "total",
records: "records",
repeatitems: true,
cell: "cell",
id: "id",
userdata: "userdata",
subgrid: {root:"rows", repeatitems: true, cell:"cell" }
},
width: 700,
height: 200
});
Os olhares HTML como:
<table class="awardsList" id="awardsList2" class="scroll" name="awardsList" />
<div id="awardsList2_pager" class="scroll"></div>
Eu não tenho certeza de que eu precisava para definir jsonReader, desde que eu tentei manter o padrão. Se o código php vai ajudar, eu posso postá-lo também.
Solução
Eu tenho que trabalhar!
O dataType campo deve ser tipo de dados . É de maiúsculas e minúsculas.
Outras dicas
O problema também ocorre quando você incluir roteiro jquery.jqGrid.min.js , antes, em seguida, grid.locale-en.js . Marque esta opção se houver algum problema com chamada de método do controlador.
Eu experimentei o mesmo problema ao migrar de jqGrid 3,6 a jqGrid 3.7.2. O problema era meu JSON não foi devidamente entre aspas (como exigido por JSON especificação). jqGrid 3,6 tolerado minha inválido JSON mas jqGrid 3.7 é mais rigorosa.
Consulte aqui: http://simonwillison.net/2006/Oct/11/json /
inválido :
{
page:"1",
total:1,
records:"10",
rows:[
{"id":"2:1","cell":["1","image","Chief Scout","Highest Award test","0"]},
{"id":"2:2","cell":["2","image","Link Badge","When you are invested as a Scout, you may be eligible to receive a Link Badge. (See page 45)","0"]},
{"id":"2:3","cell":["3","image","Pioneer Scout","Upon completion of requirements, the youth is invested as a Pioneer Scout","0"]}
]}
Válido :
{
"page":"1",
"total":1,
"records":"10",
"rows":[
{"id":"2:1","cell":["1","image","Chief Scout","Highest Award test","0"]},
{"id":"2:2","cell":["2","image","Link Badge","When you are invested as a Scout, you may be eligible to receive a Link Badge. (See page 45)","0"]},
{"id":"2:3","cell":["3","image","Pioneer Scout","Upon completion of requirements, the youth is invested as a Pioneer Scout","0"]}
]}
Eu também tenho que trabalhar: tipo de dados é a grafia correta - é mostrado dessa forma, no exemplo, mas é inconsistente com tudo else na biblioteca por isso foi fácil de errar
Estou ficando muito cansado perseguindo esta documentação esparsa em volta e eu realmente sinto como JSON, o que é certo e apropriado para ser usando em JavaScript, foi realmente dado cobertura curta em favor de XML. Python e JavaScript juntos, através de JSON, é uma combinação muito forte, mas é uma luta constante com esta biblioteca particular.
Qualquer pessoa com uma alternativa que:
1> corretamente suporta temas jQuery UI (incluindo cantos arredondados!) ( http://datatables.net tem muito suporte melhor para temas)
2> Permite o redimensionamento de colunas ( http://datatables.net não suporta esta fora da caixa )
3> Permite sub-redes ( http://datatables.net permite que você faça o que quiser aqui, através um evento)
por favor me avise. Estou gastando mais tempo em um presente parte da minha interface do que em todo o resto combinado e é tudo o tempo gasto na procura de exemplos de trabalho e "tentar coisas" que está apenas ficando chato.
S
Isso pode ser um post mais velhos, mas eu vou postar o meu sucesso apenas para ajudar os outros.
Seu JSON precisa estar no seguinte formato:
{
"rows": [
{
"id": 1,
"cell": [
1,
"lname",
"fname",
"mi",
phone,
"cell1",
"cell2",
"address",
"email"
]
},
{
"id": 2,
"cell": [
2,
"lname",
"fname",
"mi",
phone,
"cell1",
"cell2",
"address",
"email"
]
}
]
}
e eu escrevi este modelo em Zend para que você possa usá-lo se você sentir como ele. Manipulá-lo como quiser.
public function fetchall ($sid, $sord)
{
$select = $this->getDbTable()->select(Zend_Db_Table::SELECT_WITH_FROM_PART);
$select->setIntegrityCheck(false)
->join('Subdiv', 'Subdiv.SID = Contacts.SID', array("RepLastName" => "LastName",
"Subdivision" => "Subdivision",
"RepFirstName" => "FirstName"))
->order($sid . " ". $sord);
$resultset = $this->getDbTable()->fetchAll($select);
$i=0;
foreach ($resultset as $row) {
$entry = new Application_Model_Contacts();
$entry->setId($row->id);
$entry->setLastName($row->LastName);
$entry->setFirstName1($row->FirstName1);
$entry->setFirstName2($row->FirstName2);
$entry->setHomePhone($row->HomePhone);
$entry->setCell1($row->Cell1);
$entry->setCell2($row->Cell2);
$entry->setAddress($row->Address);
$entry->setSubdivision($row->Subdivision);
$entry->setRepName($row->RepFirstName . " " . $row->RepLastName);
$entry->setEmail1($row->Email1);
$entry->setEmail2($row->Email2);
$response['rows'][$i]['id'] = $entry->getId(); //id
$response['rows'][$i]['cell'] = array (
$entry->getId(),
$entry->getLastName(),
$entry->getFirstName1(),
$entry->getFirstName2(),
$entry->getHomePhone(),
$entry->getCell1(),
$entry->getCell2(),
$entry->getAddress(),
$entry->getSubdivision(),
$entry->getRepName(),
$entry->getEmail1(),
$entry->getEmail2()
);
$i++;
}
return $response;
}
Os indivíduos apenas querem ajudá-lo neste processo. Eu tenho seguinte trabalhou:
JSON
var mydata1 = { "page": "1", "total": 1, "records": "4","rows": [{ "id": 1, "cell": ["1", "cell11", "values1" ] },
{ "id": 2, "cell": ["2", "cell21", "values1"] },
{ "id": 3, "cell": ["3", "cell21", "values1"] },
{ "id": 4, "cell": ["4", "cell21", "values1"] }
]};
// Mark abaixo da linha importante. tipo de dados "jsonString" trabalhou para mim em vez de "json".
datatype: "jsonstring",
contentType: "application/json; charset=utf-8",
datastr: mydata1,
colNames: ['Id1', 'Name1', 'Values1'],
colModel: [
{ name: 'id1', index: 'id1', width: 55 },
{ name: 'name1', index: 'name1', width: 80, align: 'right', sorttype: 'string' },
{ name: 'values1', index: 'values1', width: 80, align: 'right', sorttype: 'string'}],
Saudações,
No meu caso, o problema foi causado pelo seguinte linha de código PHP (que foi tomada a partir de jqGrid demo):
$responce->page = $page;
O que está errado aqui é que: Eu estou acessando a página de propriedade de objeto $responce
sem criar primeiro. Este Apache causou a exibir a seguinte mensagem de erro:
Strict Standards: Creating default object from empty value in /home/mariusz/public_html/rezerwacja/apps/frontend/modules/service/actions/actions.class.php on line 35
E, finalmente, a mensagem de erro usado para ser enviado ao Leitor json dentro do script.
I resolveu o problema criando objeto vazio:
$responce = new stdClass();
Eu não acho que o seu ID é o tipo correto, eu acho que deveria ser um int.
Para o json dada você realmente não precisa das configurações jsonreader. O que você listou é os padrões de qualquer maneira, e você não tem um subgrid em sua json.
Tente isto:
{
"page":"1",
"total":1,
"records":"10",
"rows":[
{"id":1 ,"cell":["1","image","Chief Scout","Highest Award test","0"]},
{"id":2,"cell":["2","image","Link Badge","When you are invested as a Scout, you maybe eligible to receive a Link Badge. (See page 45)","0"]},
{"id":3,"cell":["3","image","Pioneer Scout","Upon completion of requirements, the youth is invested as a Pioneer Scout","0"]},
{"id":4,"cell":["4","image","Voyageur Scout Award","Voyageur Scout Award is the right after Pioneer Scout.","0"]},
{"id":5,"cell":["5","image","Voyageur Citizenship","Learning about and caring for your community.","0"]},
{"id":6,"cell":["6","image","Fish and Wildlife","Demonstrate your knowledge and involvement in fish and wildlife management.","0"]},
{"id":7,"cell":["7","image","Photography","To recognize photography knowledge and skills","0"]},
{"id":8,"cell":["8","image","Recycling","Demonstrate your knowledge and involvement in Recycling","0"]},
{"id":9,"cell":["10","image","Voyageur Leadership ","Show leadership ability","0"]},
{"id":10,"cell":["11","image","World Conservation","World Conservation Badge","0"]}
]}
Eu estava trabalhando com WAMP 2.4, eu estava sendo louco com este problema, eu tentei muitas coisas, como instalar versões anteriores do PHP e como 5.2, een eu tentei no Windows XP, e muitas opções jqgrid. Bem, obrigado a Oleg finalmente e Mariusz Acho que a única linha:
$responce = new stdClass();
Antes do uso de US $ responce poderia resolver tudo, e agora meu grade é funciona muito bem !!!
Obrigado meus amigos.