如何在dxi-item上设置焦点
如何在dxi-item上设置焦点
提问于 2018-08-28 17:20:23
我们在Angular 6应用程序中使用来自DevExpress的DevExtreme组件。我们有一个借助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编辑器元素上？
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-09-05 23:32:26
首先，在组件中创建一个方法，例如：
...
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);
}
...页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52054321
复制相关文章
相似问题
腾讯云开发者
