Question

我们在Angular 6应用程序中使用了DevExpress中的DevExtreme-Components。我们有一个借助dxi-item元素构建的表单，如下所示：

<dx-form id="form" #manageOfferForm [formData]="getOfferToManageForView">
                <dxi-item class="dx-fieldset" itemType="group" caption="Projektstammdaten">
                        <dxi-item  dataField="description" [label]="{text: 'Description'}">
                        </dxi-item>
                 ...

现在我的问题是如何通过控制器将焦点设置在dxi-item编辑器元素上？

Answer 1

首先，在您的组件中创建一个方法，例如：

...
setFocus(e){
    e.component.focus();
}
...

接下来，尝试将其添加到编辑器的选项中：

 <dxi-item 
     dataField="Description"
     [label]="{text: 'Description'}"
     [editorOptions]="{onInitialized: setFocus}">
 </dxi-item>

注意：如果不起作用，请尝试在setFocus方法中添加超时。

 ...
setFocus(e){
    setTimeout(() => {
        e.component.focus();
    }, 0);
}
...

如何将焦点放在dxi-item

1 个答案: