Встроенное редактирование таблиц данных (Entity Framework) и без плагина Editor

У меня есть приложение C# ASP.NET MVC, которое использует таблицы данных. Я пытаюсь добавить встроенное редактирование в таблицу данных, но я совершенно заблудился в реализации. У меня есть 2 вопроса:

  1. Как я могу добавить встроенное редактирование в таблицу данных без использования плагина редактора?
  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>

0 ответов

Другие вопросы по тегам