Интеграция данных в MVC

Question

Я пытаюсь поместить свою таблицу в виде данных в приложении .Net MVC.

Я могу получить данные в виде данных, когда я впервые нажимаю на кнопку как всплывающее окно в модальном режиме. Но когда я пытаюсь выполнить поиск / сортировку или выполнить какие-либо функции в моей таблице данных, данные не загружаются в таблицу.

Вот мое мнение:

<script>
    angular.element(document).ready(function () {
        dTable = $('#dtable')
        dTable.DataTable();
    });
</script>
<script src="https://cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/plug-ins/9dcbecd42ad/integration/jqueryui/dataTables.jqueryui.js">
</script>
<link rel="stylesheet"
      href="https://cdn.datatables.net/plug-ins/9dcbecd42ad/integration/jqueryui/dataTables.jqueryui.css">

<div class="modal fade bd-example-modal-lg" id="linking" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="ModalLabel">{{Status}}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row" style="text-align:right;display:none;">
                    <div class="col-md-12">
                        <label class="control-label">Last Refreshed: {{currentTime}}</label>
                    </div>
                </div>
                <div id="myTable" class="table-responsive">
                    <table class="table" id="dtable">
                        <thead>
                            <tr>
                                <th ng-if="Status=='Yet to Start'">Start Point</th>
                                <th>Process Name</th>
                                <th>Task Name</th>
                                <th>Resource Name</th>
                                <th ng-if="Status=='Completed'||'Running'&&Status!='Yet to Start'">Start time</th>
                                <th ng-if="Status=='Completed'">End Time</th>
                                <th ng-if="Status=='Completed'">TotalTime</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="cst in processdata">
                                <td ng-if="Status=='Yet to Start'">{{cst.startpoint}}</td>
                                <td>{{cst.ProcessName}}</td>
                                <td>{{cst.TaskName}}</td>
                                <td>{{cst.resourceName}}</td>
                                <td ng-if="Status=='Completed'||'Running'&&Status!='Yet to Start'">{{cst.StartTime | mydate | date: 'yyyy-MM-dd HH:mm:ss'}}</td>
                                <td ng-if="Status=='Completed'">{{cst.EndTime | mydate | date: 'yyyy-MM-dd HH:mm:ss'}}</td>
                                <td ng-if="Status=='Completed'">{{cst.TotalTime.Minutes}}.{{cst.TotalTime.Seconds}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>

Вот мой угловой кодкоторый получает данные в отдельном файле.

$scope.totalAutomations();
$scope.totalAutomationData = function (status) {
    $scope.loader = true;
    $scope.Status = status;
    BPDService.processNewData(status).then(function (response) {
        $scope.processdata = response.data;
        $scope.loader = false;
        $('#linking').modal('show');
    });
};

Пожалуйста, помогите мне получить данные, как только я начну использовать функции из моей таблицы данных

Answer 1

Это немного странно, но не так необычно, как у вас.

Я бы посоветовал вам проверить, как поиск работает с данными: https://datatables.net/examples/api/regex.html, если вы хотите выполнить поиск черезтаблицы данных. Это путь, если вы получили чистый MVC w. JavaScript , без использования Angular. Кроме того, я бы посоветовал вам проверить, как настроить datatable с помощью объекта JavaScript с динамическим рендерингом (и не на основе фиксированного шаблона MVC)

Но с Angular на заднем плане вам не нужноВам вообще не нужны таблицы данных, вы просто пишете свою собственную функцию фильтра в виде javascript и фильтруете набор данных, который затем запускает повторный рендеринг через angular. Итак, в основном:

1. резервное копирование данных процесса в виде загруженных данных
2. do filter: $ scope.processdata = $ scope.loadeddata.find (function (i) {return i.Status == 'Завершено ';});