Мне нужно найти решение, подобное этому
Дело в том, что я хотел бы получить имена / модель столбцов из данных JSON.
Решение, представленное в ссылке, работает, но как только данные получены, они становятся «локальными» для jqgrid, а затем сервер не работает.
По ссылке:
$("#dataGrid").jqGrid({
datatype: 'local',
Отthe docs:
"... после извлечения данных для параметра типа данных автоматически устанавливается значение local - т.е. (в настоящее время) подкачка не будет работать!"
Мне нужно найти способчтобы получать данные и столбцы сетки из вызова JSON, и при этом иметь возможность разбивать на страницы и т. д.
В идеале для получения данных и определения colmodel достаточно одного-единственного вызова для получения данных JSON через AJAX.Но если мне нужно сделать два звонка, я могу с этим смириться.
Есть идеи?
Спасибо, JMG.
Добавление моих тестов:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<script type="text/javascript" src="JScript/core.js"></script>
<script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
<script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript" src="JScript/jquery-cookie.js"></script>
<script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
<script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$.ajax({
type: "POST",
url: "TableData_jqgrid3.php",
data: "",
dataType: "json",
success: function(result)
{
colD = result.gridModel;
colN = result.colNames;
colM = result.colModel;
jQuery("#list2").jqGrid({
jsonReader : {
repeatitems: false,
root:"dataset",
cell: "",
id: "0"
},
url: 'TableData_jqgrid.php',
datatype: 'json',
mtype: 'POST',
datastr : colD,
colNames: colN,
colModel: colM,
pager: jQuery('#pager2'),
rowNum: 5,
rowList: [5, 10, 20, 50],
viewrecords: true,
loadComplete: function(data){alert('loaded');},
loadError: function(xhr,status,error){alert('error');}
})
},
error: function(x, e)
{
alert(x.readyState + " "+ x.status +" "+ e.msg);
}
});
setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
});
</script>
<title>JQuery Test</title>
</head>
<body>
<table id="list2"></table> <div id="pager2"></div>
</body>
Тогда TableData_jqgrid3.php:
lg_send_error_mail('Table_Data3', serialize($_REQUEST));
$ret = <<<EOF
{
"JSON":"success",
"colModel":[
{"editable":true,"edittype":"integer","index":"userInfoId","jsonmap":"userInfoId","key":false,"name":"userInfoId","resizable":true,"search":false,"sortable":true,"width":300},
{"editable":true,"edittype":"text","index":"UserID","jsonmap":"userID","key":true,"name":"userID","resizable":true,"search":false,"sortable":true,"width":300}
],
"colNames":["UserInfo ID","User ID"],
"gridModel":{
"dataset":[
{"userID":"SMI","userInfoId":5},
{"userID":"ABC","userInfoId":7},
{"userID":"PQR","userInfoId":8},
{"userID":"FUR","userInfoId":10},
{"userID":"COO","userInfoId":13}
],
"page":1,
"records":56,
"rows":15,
"sidx":null,
"sord":"asc",
"total":0
}
}
EOF;
print $ret;
Я использую lg_send_error_mail для получения запроса иЯ получаю:
a:0:{}
Так что для TableData_jqgrid.php, то есть:
lg_send_error_mail('Table_Data', serialize($_REQUEST));
exit;
Я получаю:
a:7:{s:7:"_search";s:5:"false";s:2:"nd";s:13:"1309886279033";s:4:"rows";s:1:"5";s:4:"page";s:1:"1";s:4:"sidx";s:0:"";s:4:"sord";s:3:"asc";s:9:"PHPSESSID";s:26:"fj88f7aebqtdu0lsam0iagdbk1";}
Один вариант, который я вижу, это вызватьодин и тот же серверный скрипт дважды с переменной для данных и другой переменной запроса для colmodel.(например, TableData_jqgrid.php? type = colmodel или что-то в этом роде)
НО кажется, что данные уже созданы до вызова AJAX на самом jqgrid (внутренний вызов).
Делает всеэто имеет смысл?
Я что-то упустил?
Спасибо, JM
Обновление на JUL-6:
Это лучшее, что я мог получить:
<script type="text/javascript">
$(document).ready(function () {
$.ajax({
type: "POST",
url: "TableData_jqgrid4.php?t=COLMODEL",
dataType: "json",
success: function(result)
{
colM = result.colModel;
jQuery("#list2").jqGrid({
url: 'TableData_jqgrid4.php?t=DATA',
datatype: 'json',
mtype: 'POST',
colModel: colM,
pager: jQuery('#pager2'),
rowNum: 5,
rowList: [5, 10, 20, 50],
viewrecords: true,
//loadComplete: function(data){alert('loaded');},
loadError: function(xhr,status,error){alert('error');}
})
},
error: function(x, e)
{
alert(x.readyState + " "+ x.status +" "+ e.msg);
}
});
setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
});
</script>
Первый вызов AJAX получает модель таблицы, затем вызов jqgrid получает данные для заполнения таблицы.Так как второй вызов имеет параметры разбиения на страницы, все (имеется в виду данные сервера), кажется, работают нормально.
Мне действительно не нравится, как это решение вынуждено дважды вызывать серверный скрипт,один для определения столбцов, а другой для данных.Это не элегантно и не практично.
Я хотел бы получить определение И данные для того же ответа AJAX.
Кто-нибудь из вас знает, как это сделать?
Я думаю, что это решение неприемлемо для наших разработок ...
Спасибо, JM.