Я тестирую эту сетку.У этого есть несколько интересных особенностей.Но делая что-то очень простое, я нахожу проблему, которая делает его практически непригодным для использования.
Когда сетка сгруппирована.Если я пытаюсь редактировать какую-либо запись, значение, отображаемое в редактируемом поле, не соответствует записи.После этого все данные в реестре будут потеряны.
Вот кодекс
[https://codepen.io/ariel-larraburu/pen/xmZPOJ][1]
HTML:
<div id="grid"></div>
JavaScript:
jQuery(function ($) {
$("#grid").shieldGrid({
dataSource: {
data: gridData,
schema: {
fields: window.orderFields = {
"name": {path: "name", type: String},
"company": {path: "company", type: String},
"email": {path: "email", type: String}
}
},
group: [{ field: "company", order: "asc" }]
},
rowHover: false,
sorting: {
multiple: false
},
selection: {
type: "row",
multiple: false,
toggle: false
},
grouping: {
showGroupHeader: true,
allowDragToGroup: true,
message: "Arrastrar aqui para agrupar"
},
scrolling: true,
columnReorder: true,
resizing: true,
filtering: {
enabled: true
},
columns: [
{ field: "id", width: "70px", title: "ID", editable: true, groupFooterTemplate: "Cant. : {count}" },
{ field: "name", title: "Person Name", editable: true, groupFooterTemplate: "Cant. : {count}" },
{ field: "company", title: "Company Name", editable: true, groupFooterTemplate: "Cant. : {count}" },
{ field: "email", title:"Email Address", width: "270px", editable: true, groupFooterTemplate: "Cant. : {count}" }
],
editing: {
enabled: true,
event: "doubleclick",
type: "cell"
}
});
});