![](/img/trans.png)
[英]ag-grid-angular not working in IE11, but fine with Chrome
[英]Drag and drop is not working on ag-grid-angular
我在透視模式下使用ag網格角。 我面臨的問題是無法將行,值和列areads中的列拖放。 我可以通過ts文件在這些區域中添加列,但不能通過拖放從UI中添加列。 我可以從這些區域中刪除任何列,但不能添加和列。 這是AG代碼。
<ag-grid-angular #agGrid
style="width: 90%; height: 500px; margin-top: 30px;"
id="myGrid"
[rowData]="rowData"
class="ag-theme-balham"
[columnDefs]="columnDefs"
[enableColResize]="true"
[enableSorting]="true"
[sideBar]="sideBar"
[defaultColDef]="defaultColDef"
[pivotMode]="true"
[statusBar]="statusBar"
[enableRangeSelection]="true"
enableRowGroup="true"
dragAndDrop =" true"
[animateRows]="true"
(gridReady)="onGridReady($event)"></ag-grid-angular>
任何人都可以告訴我我在這里想念的東西。
傻瓜喜歡類似的問題: https ://plnkr.co/edit/xtPbAztpG14bleAF9bgy?p=preview
在農業網格模式下,您不能拖放該行。 但是,您可以通過在mouseover(鼠標懸停)上動態添加draggable = true來使行可拖動,以通過dom獲取單元ID並將其設置為可拖動。
A simple code would be
// This method is used to handle the drag row functionality in ag-grid. It adds the draggable event to rows in grid.
this.gridOptions.onCellMouseOver = (dragEvent: any) => {
if (dragEvent.event.target && dragEvent.event.target.offsetParent.classList.contains('ag-row')) {
dragEvent.event.target.offsetParent.setAttribute("pdraggable", "data");
dragEvent.event.target.offsetParent.setAttribute("draggable", "true");
//dragStart event needs to be added as firefox is not reading draggable=true without this.
//https://salesforce.stackexchange.com/questions/214613/draggable-true-is-not-working-in-firefox-for-lightning-component
dragEvent.event.target.offsetParent.addEventListener('dragstart', (event: any) => {
event.dataTransfer.setData('data', 'data');
}, true);
this.draggedRow = dragEvent.data;
}
this.draggedRow = dragEvent.data;
};
}
此答案適用於所有面臨相同問題的人。Ag-grid inbuild提供此功能,請參考以下內容...
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.