Перед лицом проблемы сегодня, что jqxGrid показывает: Нет данных для отображения.
Сегодня загружен и распакован v7.1.0.
Тестирование с браузером Mozilla
Вот JSON, сгенерированный API:
{"data": [{"id": 46, "dateChanged": "2019-03-02 06:30:42 "," isHidden ": 0," isBusiness ": 0," name1 ":" System "," name2 ":" Administrator "," sex ": 0," dateOfBirth ":" 1970-01-01 "}, {" id ": 47," dateChanged ":" 2019-03-02 06:49:25 "," isHidden ": 0," isBusiness ": 0," name1 ":" System 1"," name2 ":" Администратор 1 "," пол ": 1," dateOfBirth ":" 1980-01-01 "}]}
Вот код, в точности такой, как показано в демоверсии для заполнения сетки:
<script type="text/javascript" src="/AA/assets/jqx/jquery.js"></script>
<script type="text/javascript" src="/AA/assets/jqx/jqxcore.js"></script>
<script type="text/javascript" src="/AA/assets/jqx/jqxdata.js"></script>
<script type="text/javascript" src="/AA/assets/jqx/jqxbuttons.js"></script>
<script type="text/javascript" src="/AA/assets/jqx/jqxscrollbar.js"></script>
<script type="text/javascript" src="/AA/assets/jqx/jqxmenu.js"></script>
<script type="text/javascript" src="/AA/assets/jqx/jqxgrid.js"></script>
<script type="text/javascript" src="/AA/assets/jqx/jqxgrid.selection.js"></script>
<script type="text/javascript" src="/AA/assets/jqx/jqxlistbox.js"></script>
<script type="text/javascript" src="/AA/assets/jqx/jqxdropdownlist.js"></script>
<script type="text/javascript" src="/AA/assets/jqx/jqxgrid.pager.js"></script>
<script type="text/javascript" src="/AA/assets/jqx/jqxgrid.columnsresize.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var customerSource =
{
datatype: 'json',
datafields: [
{name: 'id'},
{name: 'name1'},
{name: 'name2'}
],
id: 'id',
url: '/api/customer/get/list',
root: 'data'
};
var customerAdapter = new $.jqx.dataAdapter(customerSource,
{
formatData: function (data) {
return {};
}
}
);
customerAdapter.dataBind();
$("#jqxgrid").jqxGrid(
{
source: customerAdapter,
columnsresize: true,
autoheight: true,
autowidth: true,
columns: [
{text: 'id', datafield: 'id', width: 180},
{text: 'First Name', datafield: 'name1', width: 180},
{text: 'Last Name', datafield: 'name2', width: 180}
]
});
});
</script>
</head>
<body>
<div id="jqxgrid"></div>
</body>
Я что-то не так делаюили мне использовать другую библиотеку?
Спасибо,
Роман.