从控制器提交angularjs表格和参数



我使用此表单执行搜索功能

<form  id="searchForm" name="searchForm" class="form-inline" ng-submit="ul.callServer(criteria)" novalidate>
    <div class="form-group" style="margin-top: 5px;">
                       <label class="searchFormLabel" for="searchUserName">User Name</label>
                      <input type= "text" ng-model = "criteria.userName"/>
                       <label class="searchFormLabel" for="searchUserName">First Name</label>
                      <input type= "text" ng-model = "criteria.firstName"/>
                       <label class="searchFormLabel" for="searchUserName">Last Name</label>
                      <input type= "text" ng-model = "criteria.lastName"/>
                    </div>

    <!---------------------------------------------------users----------------------------------------------------->
                    <div class="form-group" style="margin-top: 5px;" ng-init="criteria.userType='-1'">
                        <label class="searchFormLabel" id="searchUser" for="searchUser">
                            User Type
                        </label>
                          <label style="margin-left: 0px">
                              <input type="radio" 
                                     name="userTypeRadioOptions" 
                                     id="searchAll" 
                                     value="-1" 
                                     ng-init="initForm()"
                                     ng-model="criteria.userType"
                                     ng-click="clickAllOrdersButton()">
                              All
                          </label>
                          <br>
                          <label style="margin-left: 124px">
                              <input type="radio" 
                                     name="periodRadioOptions" 
                                     id="searchPending" 
                                     value="0" 
                                     ng-init="initForm()"
                                     ng-model="criteria.userType">
                              Back Office
                          </label>
                          <br>
                          <label style="margin-left: 124px">
                              <input type="radio" 
                                     name="periodRadioOptions" 
                                     id="searchFinished" 
                                     value="1" 
                                     ng-init="initForm()"
                                     ng-model="criteria.userType">
                              Mobiele
                          </label>
                           <br>
                          <label style="margin-left: 124px">
                              <input type="radio" 
                                     name="periodRadioOptions" 
                                     id="searchFinished" 
                                     value="2" 
                                     ng-init="initForm()"
                                     ng-model="criteria.userType">
                              Klanten
                          </label>      
                    </div>

当按下"搜索"按钮时,我调用函数ul.callServer(标准)

如你所见,我可以按行类型进行筛选这就是我需要实现的场景

  • 用户搜索具有特定类型的行(已完成)
  • 用户编辑行并更改行类型(完成)
  • 我想用选定的搜索字段值刷新显示的行(未完成)

当我完成编辑操作时,我想从控制器调用函数ul.callServer(criteria)

如果不清楚,请告诉我,我会解释更多

示例:-我搜索类型为"X"的行,以便显示3行-我编辑一行并将类型从"X"更改为"Y"-当我按下"保存"按钮来保存我想要的新行值时1-更新编辑行的值2-(自动且无需再次按下搜索按钮)仅显示类型为"X"的行

我找到了解决方案

$timeout(function(){
  angular.element('#searchForm').triggerHandler('submit');
});

最新更新