Попросите пользователя сохранить изменения перед тем, как покинуть веб-страницу — Angular JS

avatar
Mit Bhatt
8 апреля 2018 в 04:12
163
1
0

Я создаю приложение ASP.net MVC с C#.

На главной странице .cshtml я показываю список имен пользователей в левой части страницы.

Когда пользователь щелкает любое имя пользователя слева, отображается форма «Личные данные» для этого пользователя в «частичном представлении» в правой части страницы.

Текущая функциональность

  1. На форме частичного просмотра "Личные данные" есть кнопка "Сохранить".
  2. Пользователь может внести изменения в Личные данные и нажать Сохранить, чтобы сохранить изменения, сделанные в частичном представлении.

Желаемая функциональность

  1. Пользователь вносит изменения в Личные данные любой записи.
  2. Теперь пользователь забыл нажать "Сохранить" и щелкнул "Другое имя пользователя" слева.
  3. Он должен "АВТОМАТИЧЕСКИ СОХРАНЯТЬ" изменения, сделанные в частичном представлении.

Можно ли выполнить событие триггера кнопки Сохранить частичного представления из основного представления?

Источник

Ответы (1)

avatar
karthickj25
8 апреля 2018 в 08:51
0

Если вы хотите сохранить форму автоматически, вы можете вызвать angular Submit Другое имя пользователя, нажав . В этом фрагменте показан пример того, как это сделать.

Метод onUserNameClick() вызывает ту же угловую отправку.

function Ctrl($scope) {
  $scope.list = [];
  $scope.text = 'hello';
  $scope.submit = function() {
    if ($scope.text) {
      $scope.list.push($scope.text);
      $scope.text = '';
    }
  };


}

function onUserNameClick() {
  angular.element('#submit').trigger('click');
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>



<div ng-app>
  <div ng-controller="Ctrl">
    <form ng-submit="submit()">Enter form input values to test
      <input type="text" ng-model="text" name="text" />
      <input type="submit" id="submit" value="Regular Form Submit" />
      <pre>Form values={{list}}</pre>

    </form>

  </div>
</div>

<button onClick="onUserNameClick()">Other username click</button>
Mit Bhatt
9 апреля 2018 в 09:30
0

спасибо Картик. Форма находится в частичном виде. Будет ли это работать с этой архитектурой?