반응형
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
반응형
'programing' 카테고리의 다른 글
테이블에 특정 인덱스가 있는지 확인하려면 어떻게 해야 합니까? (0) | 2023.04.07 |
---|---|
AngularJs $watch on $location.reloadOnSearch가 false인 경우 검색이 작동하지 않음 (0) | 2023.04.02 |
불변성 실패:외부에서는 사용하지 마십시오. (0) | 2023.04.02 |
Woocommerce: 순서대로 총 항목 수 가져오기 (0) | 2023.04.02 |
Angular4 - 폼 제어를 위한 값 접근기 없음 (0) | 2023.04.02 |