Javascript Angular 6 DataGrid Devextreme：如何自定义删除行的弹出窗口

在Angular 6应用程序中，我正在使用DevExtreme的DataGrid小部件

这是我的实现：

<dx-data-grid 
    id="gridContainer"
    [dataSource]="dataSource"
    keyExpr="ID"
    [allowColumnReordering]="true"
    [showBorders]="true"
    (onEditingStart)="logEvent('EditingStart')"
    (onInitNewRow)="logEvent('InitNewRow')"
    (onRowInserting)="logEvent('RowInserting')"
    (onRowInserted)="logEvent('RowInserted')"
    (onRowUpdating)="logEvent('RowUpdating')"
    (onRowUpdated)="logEvent('RowUpdated')"
    (onRowRemoving)="logEvent('RowRemoving')"
    (onRowRemoved)="logEvent('RowRemoved')">

    <dxo-paging [enabled]="true"></dxo-paging>
    <dxo-editing 
         mode="row"
         [allowUpdating]="true"
         [allowDeleting]="true"
         [allowAdding]="true">
        <dxo-popup
                title="Employee Info"
                [showTitle]="true"
                [width]="1300"
                [height]="345"
                [position]="{ my: 'top', at: 'top', of: window }">
            </dxo-popup>
    </dxo-editing>

    <dxi-column dataField="Prefix" caption="Title"></dxi-column>
    <dxi-column dataField="FirstName"></dxi-column>
    <dxi-column dataField="LastName"></dxi-column>
    <dxi-column dataField="Position" [width]="130"></dxi-column>
    <dxi-column
        dataField="StateID"
        caption="State"
        [width]="125">         
        <dxo-lookup
            [dataSource]="states"
            displayExpr="Name"
            valueExpr="ID">
        </dxo-lookup>
    </dxi-column>
    <dxi-column
        dataField="BirthDate"
        [width]="125"
        dataType="date">
    </dxi-column>
</dx-data-grid>

如您所见，我尝试在

块中插入此弹出选项块：

<dxo-popup
 title="Employee Info"
 [showTitle]="true"
 [width]="1300"
 [height]="345"
 [position]="{ my: 'top', at: 'top', of: window }">
</dxo-popup>

我的目的是能够自定义在“删除”行时出现的弹出窗口的外观（确认与否）

那没用

---

有什么建议吗？

即使您很快或稍后要解决这个问题，您也会遇到更多的限制，无论是弹出窗口的样式，还是输入验证，只要您尝试像示例中那样使用开箱即用的功能。您应该考虑创建您的网格行上的自定义组件。尝试使用自定义项模板来显示行，并在最后添加一个删除按钮，将一个方法绑定到它并传递ROWEXECK作为参数，打开一个标志来显示弹出窗口并将ROWEXTEX存储为私有变量。当用户选择yes时，读取行索引并从网格中删除该行。但是，是的，正如@dexter所说，尝试创建自定义组件，以便能够自定义所有您想要的内容。