我在我的应用程序中使用 ag-grid 。我想在同一页面上使用具有两个网格的网格选项的相同实例。 ag-grid 仅渲染其中一个网格,而将另一个网格留空。
这个 plnkr 显示了这个问题
http://plnkr.co/edit/4rRNRGbUoy8QhAhGadpQ?p=preview 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>
我不确定 ag-grid 是否支持这一点。
也许您可以创建第二个角度控制器并在那里复制您的网格选项?
EDIT: From https://www.ag-grid.com/javascript-grid-master-slave/ https://www.ag-grid.com/javascript-grid-master-slave/ :
使用主/从关系,您可以拥有 2 个带有同步列的网格——一个网格中的列更改将反映在另一个网格中。
要让一个网格充当另一个网格的“从属”,请使用主网格的 gridOptions 中的 SlaveGrids 选项:
gridOptionsSlave = {
// some grid options here
};
gridOptionsMaster = {
// some grid options here
slaveGrids: [gridOptionsSlave]
}
请注意,数据透视功能不适用于主/从关系,因为该关系取决于具有相同列的两个网格。
/j
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)