在devextreme input元素中选择文本

Question

我使用带有TypeScript的Devexpress角4。 如何在dx-text-box中选择/突出显示文本？

我尝试使用(document.getElementById('id') as HTMLInputElement).select();，但由于使用了devextreme包装，我无法接近输入字段。

Wraper看起来像这样。

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

Answer 1

假设您已使用以下div

定义了输入

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

您可以像这样实例化dxTextBox

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

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

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

您现在可以在输入上调用选择。

myInput.select();