単一のgridOptionsを使用して同じページ内に複数のインスタンスをグリッドに表示

私のアプリケーションではag-gridを使用しています。私は同じページ上の2つのグリッドでグリッドオプションの同じインスタンスを使用したいと思います。 ag-gridはグリッドの1つのみをレンダリングし、もう一方のグリッドは空にします。単一のgridOptionsを使用して同じページ内に複数のインスタンスをグリッドに表示

このplnkrは、私はAG-グリッドがこれをサポートしているかわからない問題

http://plnkr.co/edit/4rRNRGbUoy8QhAhGadpQ?p=preview

<!DOCTYPE html> 
<html> 

    <head> 
    <link rel="stylesheet" href="style.css"> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script> 
     <script src="https://www.ag-grid.com/dist/ag-grid.js?ignore=notused24"></script> 
    <script src="script.js"></script> 
    </head> 

<body ng-app="example" ng-controller="exampleCtrl"> 
    <button ng-click="loadData()">Load Data</button> 
    <button ng-click="showPopup()">Toggle Docked</button> 
    <div ng-show="docked"> 
    <h2>Docked</h2> 
    <div ag-grid="gridOptions" class="ag-fresh" style="height: 100%;"></div> 
    </div> 
    <div ng-show="docked"> 
    <h2>UnDocked</h2> 
    <div ag-grid="gridOptions" class="ag-fresh" style="height:100%;"></div> 
    </div> 
</body> 
</html>

出典

2016-07-14 Kathir

を示しています。

第2の角度コントローラを作成してそこにグリッドオプションを複製することはできますか？

EDIT：https://www.ag-grid.com/javascript-grid-master-slave/から：

マスター/スレーブの関係を使用して、あなたが1つのグリッドで同期columns--列の変更で2つのグリッドは他にも反映されますことができます。

修士gridOptionsにslaveGridsオプションを使用し、別の「スレーブ」として1つのグリッドの行為を持っている：ピボット機能は関係として、マスター/スレーブの関係で動作していないこと

gridOptionsSlave = { 
    // some grid options here 
    }; 
gridOptionsMaster = { 
    // some grid options here 
    slaveGrids: [gridOptionsSlave] 
}

注意を同じ列を持つ両方のグリッドに依存します。

出典

2016-09-27 15:00:26 jwoe

単一のgridOptionsを使用して同じページ内に複数のインスタンスをグリッドに表示

答えて

関連する問題