在 devextreme 输入元素中选择文本答案

【问题标题】：Select text in devextreme input element在 devextreme 输入元素中选择文本
【发布时间】：2017-11-16 07:09:55
【问题描述】：

我使用 Devexpress 和 TypeScript 一个 angular 4。如何在 dx-text-box 中选择/突出显示文本？

我尝试使用 (document.getElementById('id') as HTMLInputElement).select();，但我无法靠近输入字段，因为它使用 devextreme 包装器。

包装器看起来像这样。

<dx-text-box _ngcontent-c1="" id="test" ng-reflect-disabled="false" ng-reflect-value="11:26" class="dx-texteditor dx-widget dx-textbox"> 
<div class="dx-texteditor-container"><input autocomplete="off" class="dx-texteditor-input" type="text" spellcheck="false" tabindex="0" role="textbox">
<div data-dx_placeholder="" class="dx-placeholder dx-state-invisible">
</div><div class="dx-texteditor-buttons-container"></div></div></dx-text-box>

【问题讨论】：

我找到了解决方案 (document.getElementById('id').getElementsByTagName('input')[0] as HTMLInputElement).select();

标签： html typescript select devextreme

【解决方案1】：

假设您已经使用以下 div 定义了输入

<div id="myText"></div>

你应该像这样实例化 dxTextBox

var myTextBox = $("#myText").dxTextBox({value: "Select this text"}).dxTextBox("instance");

现在您有了实例，您可以像这样访问它的输入元素

var myInput = myTextBox.element().find('input');

您现在可以在您的输入上调用 select。

myInput.select();

【讨论】：