Angular ui-grid set filter field programatically and refresh. Value not showing up

Question

I have a ui-grid with a bunch of columns using the built in filtering. One of the columns is "owner". There is a button you can click that says "My Items". When clicked that button should populate the Owner Filter field with the users name and filter the items. I am setting the filter as follows as specified in the ui-grid documentation:

$scope.gridApi.grid.columns[3].filters[0] = "somename";

However "somename" never shows up in the column filter header, and the data never refreshes. I've tried calling refresh() as well as notifyDataChange but nothing seems to work.

Thanks.

Solution 1

Here is the correct way of doing it. By the way, there is no need to call refresh() function.

  $scope.gridApi.grid.columns[3].filters[0] = {
    term: somename
  };

Solution 2

I was trying to work this answer, but was having problems. I solved it with a slight syntax alteration (changed grids.columns[2] to grid.getColumn('mycolumn') )

$scope.grid1Api.grid.getColumn('speicialty').filters[0] = {
   term: whatever
};

Hope that helps for anyone looking

For my particular case, this is all of my code:

Controller:

function skillsFunc(job) {
   console.log(job);
   $scope.grid1Api.grid.getColumn('speicialty').filters[0] = {
      term: job
   };
};

HTML:

<div class="input-field col s2 locator-margin3">
  <label for="skills1" class="locator-label">SPECIAL SKILLS</label>
  <select ng-model="vm.skills" ng-change="vm.skillsFunc(vm.skills)" id="skills1" class="browser-default locator-select ">
        <option value="1">SKILLS</option>
        <option value="Audiolog">Audiologist</option>
        <option value="Allerg">Allergist</option>
        <option value="Androlog">Andrologist</option>
   </select>
</div>

Comments

[Scott]

Thanks. That's closer. The items filter. But the new filter still does not show up in the filter column

[Scott]

Okay, so I've been doing this right all along, the problem was that there were HIDDEN fields and those are considered COLUMNS. So even though I only had 3 columns on the screen there were 10 columns in the grid. So once I set the proper column value it worked. Thanks.

[Grandizer]

So what was the FULL Final answer. I am still having issues with this and the documentation is worthless.

[gtlambert]

What does term represent? Is it the field or the displayName, or something else?

[IWI]

it represents the text you want to place in your filter. for example. if you want to filter you first column (which is gender) by the term "male", you would do term: "male"

[Arashsoft]

I suggest to just change "term" instead of replacing the whole object. $scope.gridApi.grid.columns[3].filters[0].term = somename

[A.W.]

Got this also working in 4.0.6 . I have a refresh button which reloads from the server. I needed to put refresh in a timeout otherwise it would not filter the data.

[Dhyey]

can u pls add some explanation ?

[Sławek S]

added some comments, i used answer from here stackoverflow.com/questions/32346341/…