UI網NG式動力高度

我習慣了這樣的一個簡單的網格：UI網NG式動力高度

<div id="planningGridDiv" 
    class="gridPatientContent" 

    style="height: 450px;min-height: 300px;" 

    ng-style="{height: showScores ? '150px': '450px'}" 

    ui-grid-resize-columns 
    ui-grid-selection 
    ui-grid-cellNav 
    ui-grid-pinning 

    ui-grid="myData" 
    class="grid"> 

    </div>

但當showScores是真實和高度傳球450至150像素，網格本身並沒有縮水。

第一容器看到它的高度變化，但是這部分沒有：

<div role="grid" ui-grid-one-bind-id-grid="'grid-container'" class="ui-grid-render-container ng-isolate-scope ui-grid-render-container-body" ng-style="{ 'margin-left': colContainer.getMargin('left') + 'px', 'margin-right': colContainer.getMargin('right') + 'px' }" ui-grid-render-container="" container-id="'body'" col-container-name="'body'" row-container-name="'body'" bind-scroll-horizontal="true" bind-scroll-vertical="true" enable-horizontal-scrollbar="grid.options.enableHorizontalScrollbar" enable-vertical-scrollbar="grid.options.enableVerticalScrollbar" aria-multiselectable="true" id="1490734763451-grid-container" style="margin-left: 180px; margin-right: 80px;">

我找不到文檔，也不堆棧溢出的任何解決方案，但在我看來，它應該。我可以使用一些幫助一些指針。

來源

2017-03-28 sebius

僅供參考，我發現了另一個計算器問題的解決方案，但我改變了它有點適合我的需要：

$scope.showScoreDiv = function() 
{ 
    $scope.showScores = !$scope.showScores; 

    $timeout(function(){ 
     $scope.gridApi.grid.handleWindowResize(); 
    }, 1); 
};

所以主要的想法是改變對電網格通過NG-風格高度，並且當你開始你的活動時，這裏showScores = true由showScoreDiv()打電話，你必須致電gridApi.grid.handleWindowResize()。在調用handleWindowResize()之前，超時只是在這裏給div設置一個良好的高度。

來源

2017-03-29 14:26:47 sebius

UI網NG式動力高度

回答

相關問題