Angular 6 DataGrid Devextreme: как настроить всплывающее окно удаления строки - PullRequest
Новая
       79

Angular 6 DataGrid Devextreme: как настроить всплывающее окно удаления строки

0 голосов
/ 07 сентября 2018

В моем приложении Angular 6 я использую DataGrid виджет DevExtreme .

Вот моя реализация: 

<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-edining>: 

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

Моя цель - научиться настраивать внешний вид всплывающего окна, которое появляется, когда строка "delete " (подтвердить или нет)

Это не сработало,

Есть предложения?

...