Как перезагрузить asp. net только частичный вид, в ангуле js сторона сценариев? - PullRequest
3 голосов
/ 15 апреля 2020

MVC Домашний контроллер

[HttpPost]
        public ActionResult Index(int userId, int itemId, int quantity)
        {
         return Json(res, JsonRequestBehavior.AllowGet);
        }

Главный индекс просмотра В котором получают все списки данных в таблице

    <div class="container" ng-controller="IndexAngController">
        <div class="card" id="divPartialAssignItem">
            @Html.Partial("_PartialAssignItem")
        </div>
            <div class="row">
              <table class="table">
                 <thead>
                     <tr>
                         <th></th>
                     </tr>
                 </thead>
                 <tbody>
                     <tr dir-paginate="item in List">
                        <td ng-bind="item.index"></td> 
                     </tr>
                 </tbody>
               </table>
             </div>
   </div>

Частичное представление , в котором есть форма для отправки

<form class="horizontal-form" novalidate name="IndexForm">
  <div class="row">
   <div class="col-md-6">
     <label> Name</label>
     <select name="Category" ng-options="list.Id as List.Names for List in Lists">
      <option value=""> &nbsp;--Select--</option>
     </select>
   </div>                    
 </div>
 <div class="row">                    
  <div class="col-md-6">
     <label>Quantity</label>
     <input type="number" name="Quantity" ng-model="txtQuantity">
     <span ng-if="IndexForm.$submitted && IndexForm.Quantity.$invalid" ng-bind="msgQuantity"></span>
  </div>
 </div>
 <div class="card-action">
  <button type="submit" ng-click="Add(IndexForm.$valid)"> Create</button>
 </div>
</form>

Angular Скрипт контроллера Ниже я попытался загрузить на javascript, но загрузка всей страницы была завершена список таблиц.

app.controller('IndexAngController', function ($http, $scope) {
  $scope.Add= function (isValid) {
   $http({
          method: 'POST',
          url: '/Home/Add',
          data: { Id: $scope.CategoryId, quantity: $scope.txtQuantity},
          dataType: 'JSON',
          headers: { 'content-type': 'application/json' }
        }).then(function (result) {
           alert('aded successfully.');
              //setTimeout(
              //    function () {
              //        location.reload();
                        //    }, 5000
                        //);
        }
    });
  }
})

Я хочу загрузить только частичное представление, а не всю страницу индекса после успешного добавления.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...