UI 그리드 상수를 사용하여 스크롤 막대 사용 안 함

UI 그리드 상수를 사용하여 스크롤 막대 사용 안 함

최신 버전의 ui-grid(v3.0.0-rc.16)를 사용하면 수평 및 수직 스크롤 바를 개별적으로 끌 수 있습니다.나는 이것을 교환해서 작동시켰다.

$scope.gridOptions.enableScrollbars = false;

와 함께

$scope.gridOptions.enableHorizontalScrollbar = 0;
$scope.gridOptions.enableVerticalScrollbar = 0;

UI 그리드 소스에는 스크롤 막대에 대해 정의된 세 가지 상수가 있습니다.

scrollbars: {
  NEVER: 0,
  ALWAYS: 1,
  WHEN_NEEDED: 2
}

ui-grid가 여전히 불안정하고 자주 변경되는 현실을 직면하여 특정 값 대신 상수를 사용하는 것이 더 편할 것 같습니다.하지만 어떻게 접근할 수 있을까요?

Pluker: http://plnkr.co/edit/h0ewAZK616rKCH3T62te

github에서 내 답을 얻었어:

uiGridConstants를 다음과 같이 컨트롤러에 전달하기만 하면 되었습니다.

angular.module('myApp').controller('myCtrl',function($scope,uiGridConstants) {
    ...

    $scope.gridOptions.enableHorizontalScrollbar = uiGridConstants.scrollbars.NEVER;

    ...
})

John Papa 스타일 사용:

ExampleController.$inject = ['$scope', 'uiGridConstants'];
function ExampleController($scope, uiGridConstants) {
    var vm = this;

    vm.gridOptions = {
        enableHorizontalScrollbar : uiGridConstants.scrollbars.NEVER,
        enableVerticalScrollbar   : uiGridConstants.scrollbars.NEVER
    };
}

(현재 WHEN_NEDED가 디세이블이 되어 있기 때문에) 이 문제를 회피하려면enableHorizontalScrollbar: 0그리드옵션과 스타일시트에 다음 항목이 있습니다.

.ui-grid .ui-grid-render-container-body .ui-grid-viewport {
  overflow-x: auto !important;
}

이제 수평 스크롤 막대는 필요할 때만 표시됩니다.

언급URL : https://stackoverflow.com/questions/26937776/using-ui-grid-constants-to-disable-scrollbars