Как заставить горизонтальную прокрутку перемещаться вправо на UI-GRID

Я хотел бы создать функцию, которая вручную перемещала бы горизонтальную полосу прокрутки в крайнее правое положение. Мне трудно понять, как добиться этого эффекта. Был предыдущий вопрос stackoverflow (Как мне прокрутите ngGrid, чтобы показать текущий выбор?) аналогично моему, но решение было для NgGrid, более старой версии ui-grid. Пользователь опубликовал решение о том, как заставить версию ngGrid работать (http://plnkr.co/edit/oyIlX9?p=preview).

$scope.scrollTo = function() {
    var grid = $scope.gridOptions.ngGrid;
    grid.$viewport.scrollTop(grid.rowMap[$scope.index] * grid.config.rowHeight);
};

Я пытался использовать тот же код для ui-grid, но в этой новой версии, похоже, нет $viewport. Я создал плунжер, чтобы увидеть пример того, над чем я работаю. Горизонтальная полоса прокрутки изначально начинается в крайнем левом углу. Я хотел бы написать код, чтобы переместить его в крайнее правое положение.

http://plnkr.co/edit/SJEoPxelB2HYHLsfZ768?p=preview

Если кто-то может мне помочь, это было бы здорово :)


javascript scrollbar angularjs ng-grid angular-ui-grid
person user3314402    schedule 13.11.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

С последней сеткой пользовательского интерфейса вы можете прокручивать вправо от сетки, используя функцию scrollTo на сетке.

  $scope.gridApi.grid.scrollTo(data[0],{name:"col8"});

Первый аргумент — это строка данных, а второй аргумент — это определение столбца, по крайней мере, с именем столбца.

http://plnkr.co/edit/KfaJti5BTnyvwjWRhtWe?p=preview — рабочая версия. .

person Kathir    schedule 20.04.2015