詳細な入力要素でテキストを選択

Question

TypeScriptで角度4のDevexpressを使用します。 dx-text-boxでテキストを選択/強調表示するにはどうすればよいですか？

私は(document.getElementById('id') as HTMLInputElement).select();を使用しようとしていますが、デベロッパー・ラッパーを使用するため入力欄に近づけません。

ラッパーはこのように見えます。

<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'); 

入力でselectを呼び出すことができるようになりました。

myInput.select();