Question

我正在用C＃创建一个ASP.net MVC应用程序。

在主.cshtml页面中，我显示了页面左侧的用户名列表。

当用户点击左侧的任何用户名时，它会显示＆＃34;个人详细信息＆＃34;该用户在＆＃34;局部视图中的表单＆＃34;在页面的右侧。

当前功能

有一个＆＃34; Save＆＃34; ＆＃34;个人详细信息＆＃34;部分视图表格。
用户可以在“个人详细信息”中进行更改，然后单击“保存”以保存在部分视图中所做的更改。

所需功能

用户对任何记录的个人详细信息进行更改。
现在，用户忘记点击保存，然后点击左侧的其他用户名。
它应该＆＃34;自动保存＆＃34;部分视图中所做的更改。

是否可以从主视图执行局部视图的“保存”按钮触发事件？

Answer 1

如果您想自动保存表单，可以在其他用户名点击上调用角度提交，此代码段显示如何显示。

onUserNameClick()方法调用相同的角度提交。

＆＃13;

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');
}

＆＃13;

<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>

＆＃13;

要求用户在离开网页之前保存更改 - Angular JS

1 个答案: