2016-07-22 54 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'); 
});