Я использую jsgrid для создания редактируемой таблицы. Я использовал код из этого demo. Единственное различие заключается в том, что im использует mvc вместо web api.Данные не заполняют таблицу, созданную с помощью jsgrid
При взгляде на сеть контроллер возвращает необходимые данные json, а jsgrid также отображает материал разбиения на страницы в нижней части таблицы. Однако таблица не заполняется
Вот HTML и код Javascript
<div id="jsGrid"></div>
@section scripts {
<script src="http://js-grid.com/js/jsgrid.min.js"></script>
<script>
$("#jsGrid").jsGrid({
height: "50%",
width: "100%",
filtering: true,
inserting: true,
editing: true,
sorting: true,
paging: true,
autoload: true,
pageSize: 10,
pageButtonCount: 5,
deleteConfirm: "Do you really want to delete client?",
controller: {
loadData: function (filter) {
return $.ajax({
type: "GET",
url: "get",
data: filter,
dataType: "json"
});
},
insertItem: function (item) {
},
updateItem: function (item) {
},
deleteItem: function (item) {
}
},
fields: [
{ name: "SKU", type: "text", width: 50 },
{ name: "PartNumber", type: "text", width: 100 },
{ name: "ProductLineName", type: "text", width: 50 },
{ name: "ProductLineId", type: "text", width: 50 },
{ name: "Deleted", type: "checkbox", sorting: false },
{ type: "control" }
]
});
</script>
Вот соответствующий метод в контроллере
public async Task<ActionResult> Get()
{
var query = db.Products
.Select(p => new ProductDto()
{
PartNumber = p.PartNumber,
SKU = p.SKU,
ProductLineName = p.ProductLines.ProductLineName,
ProductLineId = p.ProductLineId,
Deleted = p.Deleted
});
var products = await query.ToListAsync();
return Json(products, JsonRequestBehavior.AllowGet);
}
Каждый знает, что я могу сделать, чтобы отобразить/привязать возвращенные данные к таблице?
Вы работали над этим? У меня одинаковая проблема. –
WTF с этим материалом javascript. Абсолютно никакого понятия о том, что может быть проблемой. Я просто отказался от jqGrid по той же причине. –