Встроенное редактирование таблиц данных (Entity Framework) и без плагина Editor
У меня есть приложение C# ASP.NET MVC, которое использует таблицы данных. Я пытаюсь добавить встроенное редактирование в таблицу данных, но я совершенно заблудился в реализации. У меня есть 2 вопроса:
- Как я могу добавить встроенное редактирование в таблицу данных без использования плагина редактора?
- Мои данные загружаются из базы данных SQL Server через Entity Framework - так как мне загрузить эти данные для встроенного редактирования?
Layout.cshtml:
var table2 = $('#myTable').DataTable({
"lengthMenu": [[100, 200, 300, 500, -1], [100, 200, 300, 500, "All"]],
fixedHeader: true,
fixedColumns: {
heightMatch: 'none'
},
colReorder: true,
stateSave: true,
"aoColumnDefs": [{ "bSortable": false, "aTargets": [0] },
{ "bSearchable": false, "aTargets": [0] }
,{ "sType": "numeric", "aTargets": [5] }
],
"order": [[2, "asc"]],
"bJQueryUI": true,
"bPaginate": true,
"sPaginationType": "numbers" //default sort on 2nd column
//"columnDefs": [{ className: "dt-center", "targets": "_all" }]
// "columnDefs": [{ "orderable": false, "targets": 1 }, { "searchable": false, "targets": 1 }] // disable column sorting on 1st column
});
});
table2.columns().every(function () {
var that = this;
$('input', this.footer()).on('keyup change', function () {
if (that.search() !== this.value) {
that
.search(this.value)
.draw();
}
});
});
Index.cshtml:
<table id="myTable" class="table table-striped table-hover order-column" align="center" width="100" style="border:1px black solid; border-left:2px black solid; border-right:2px black solid">
<thead>
<tr>
<th align="center">
Name </th>
<th align="center">
Location
</th>
</tr>
</thead>
<tbody>
<td align="center">
@Html.DisplayFor(modelItem => item.Name)
</td>
<td align="center">
@Html.DisplayFor(modelItem => item.Location)
</td>
</tbody>
</table>