2016-07-22 17 views
0

我使用这种形式做搜索温控功能从参数控制器提交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(标准)的控制器当我完成编辑操作

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

例如: - 我要寻找的类型行“X”,所以3行是显示为 - 我编辑一行并更改ty pe从“X”到“Y” - 当我按下按钮保存以保存我的新行值时我想要 1-更新已编辑行的值 2-(自动且无需按按钮搜索再次)只显示有“X”型

+0

你是什么意思完成编辑操作?你是说当用户离开输入字段的焦点时? –

+0

我更新了我的帖子,因此可能现在很清楚 –

+0

您不能触发ng-change上的函数ul.callServer(条件)吗? –

回答

0

行我找到解决办法

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