How to clear angular smart filter upon clicking reset button

Question

Here I am developing simple angular html form, I am using angular smart table. How can i clear smart table search filter after i click reset button

My html

<tr>
  <th></th>
  <th><input st-search="studentId" st-delay="1200" /></th>
  <th><input st-search="studentName" st-delay="1200" /></th>
  <th><filter-options code-id="200" search-field="studentType">
      </filter-options></th>
</tr>

<button id="cm-ResetBtn" name="cm-ResetBtn" type="button" ng-click="Reset()">Reset</button>

My angular code

$scope.Reset = function () { 
  //TODO
}

You can examine bottom post and it worked for me! https://stackoverflow.com/questions/22447374/how-to-trigger-ngclick-programmatically — MahmutKarali, Mar 27 '20 at 11:43

score 0 · Answer 1 · edited May 23 '17 at 10:31

I guess

JS

 $scope.Reset = function () {
        $scope.studentId = '';
        $scope.studentName = '';
}

HTML

Need to add ng-model attribute to inputs

<th><input ng-model="studentId" st-search="studentId" st-delay="1200" /></th>
<th><input ng-model="studentName" st-search="studentName" st-delay="1200" /></th>

JSFiddle example

Also you can check this question Smart Table not update when search filter value changes from javascript

score 0 · Answer 2 · answered Apr 21 '17 at 17:06

0

I fixed by $state.reload(). That works as expected

answered Apr 21 '17 at 17:06

sgl

563
1
6
16

score 0 · Answer 3 · answered Mar 27 '20 at 11:44

0

You can examine Atkinson's post and it worked for me!

How to trigger ngClick programmatically

answered Mar 27 '20 at 11:44

MahmutKarali

339
4
8

How to clear angular smart filter upon clicking reset button

3 Answers3