Scroll to programatically selected item/row

[ajantsch]

Is there a possibility to scroll the grid to a programatically selected row that is out of the current grid viewport and actually not rendered because of the virtualization threshold?

[hamxiaoz]

I used a plugin, based on this idea: #183

Here is the relative code if you're interested (in coffee script):

plugin:

# plugin
class ScrollPlugin
  @grid = null

  # new child scope of the Grid scope for you to create watches or whatever you want.
  # gridInstance = instance of the grid object where the plugin is initialized.
  init: (childScope, gridInstance) ->
    @grid = gridInstance

  scrollTo: (entityIndex)->
    @grid.$viewport.scrollTop(@grid.rowMap[entityIndex] * @grid.config.rowHeight)

In grid controller:

$scope.scrollPlugin = new ScrollPlugin()
  $scope.gridOptions = { 
    plugins: [$scope.scrollPlugin]
    data: 'channels'
  }

$scope.findOnChannelName = ''

$scope.$watch 'findOnChannelName', (newValue, oldValue) ->
    return if (newValue == oldValue) || (newValue not in $scope.channelNames)

    # select the corresponding row
    angular.forEach $scope.channels, (data, index) ->
      if data.name == newValue
        $scope.gridOptions.selectItem(index, true)
        $scope.scrollPlugin.scrollTo(index)

[hamxiaoz]

A plugin is not required, see this link for example.