세부 입력 요소의 텍스트 선택

Question

TypeScript로 4를 사용하는 Devexpress를 사용합니다. DX 텍스트 상자에서 텍스트를 선택/강조 표시하려면 어떻게합니까?

나는 (document.getElementById('id') as HTMLInputElement).select();을 사용하려고하지만 devextreme wrapper를 사용하기 때문에 입력 필드 근처에 가지 못합니다.

래퍼는 이렇게 보입니다.

<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

당신이 당신보다 이제 인스턴스는 입력을 액세서 것을 가지고이

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

처럼 dxTextBox를 인스턴스화 할 DIV

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

다음과 같이 입력을 정의 말할 수 요소 그대로

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

이제 입력에 선택을 호출 할 수 있습니다.

myInput.select();