【发布时间】:2022-07-29 20:54:55
【问题描述】:
我有一些包含一些字段、方法和按钮事件的组件。有我的组件:
export class MyClass implements OnInit, AfterViewInit {
@ViewChild(DxDataGridComponent, { static: true })
dataGrid: DxDataGridComponent;
myArr: Array<string>
//some fields here...
constructor(
//some things
) {
//some code in contructor
}
customFunc(e)
{
this.myArray=this.doSth(); <- err
}
还有我的网格视图(我使用 devExtreme):
<div class="card">
<div class="card-body">
<dx-data-grid
id="feature-releases"
[disabled]="isBusy"
[dataSource]="gridDataSource"
[showColumnLines]="true"
[showRowLines]="true"
[showBorders]="true"
(onSelectionChanged) ="onSelectionChanged()"
(onRowUpdating)="updateRow($event)"
(onToolbarPreparing)="onToolbarPreparing($event)"
[rowAlternationEnabled]="true">
<dxo-selection
mode="multiple"
[allowSelectAll]="false"
showCheckBoxesMode="always"
>
</dxo-selection>
<dxo-editing mode="form" [allowUpdating]="true" [allowDeleting]="true" [useIcons]="true">
<dxo-form onClick="customFunc($event)">
<dxi-item itemType="group" caption="Info">
<dxi-item dataField="position"></dxi-item>
<dxi-item dataField="versionNumber"></dxi-item>
<dxi-item dataField="name"></dxi-item>
<dxi-item dataField="created"></dxi-item>
<dxi-item dataField="updated"></dxi-item>
</dxi-item>
<dxi-item itemType="group" caption="Data">
<dxi-item dataField="description"></dxi-item>
<dxi-item dataField="notes" [label]="{ text: 'Update Message' }" editorType="dxTextArea" [editorOptions]="{ height: 170 }"></dxi-item>
</dxi-item>
<dxi-item caption="Editor">
<app-feature-release-editor
[selectedReleases] = "selectedReleases">
</app-feature-release-editor>
<app-feature-release-create (featureReleaseCreated)="onFeatureReleaseCreated($event)"></app-feature-release-create>
</dxi-item>
<dxi-column type="buttons">
<dxi-button name="edit" [onClick] = "customFunc"></dxi-button>
<!-- <dxi-button id="iD" icon="trash" [onClick]="remove"></dxi-button> -->
</dxi-column>
</dxo-form>
</dxo-editing>
</div>
</div>
然后 - 在我单击编辑按钮后,事件被正确调用,但我无法使用组件中的任何字段。函数内没有任何内容是“可见的”。 我需要从事件(id 和其他一些)中获取数据并将其传递给集合。 我该怎么做? 这只是我代码的一部分,所以语法或结束符号(如“
【问题讨论】:
标签: angular typescript devextreme devextreme-angular