如何从 RadAutoCompleteTextView 中清除选定的值

Question

我有一个 RadAutoCompleteTextView，远程数据如下所示

<StackLayout>
    <RadAutoCompleteTextView #autocomplete [items]="dataItems" suggestMode="Suggest"
        displayMode="Plain">
        <SuggestionView tkAutoCompleteSuggestionView suggestionViewHeight="300">
            <ng-template tkSuggestionItemTemplate let-item="item">
                <StackLayout orientation="vertical" padding="10">
                    <Label [text]="item.text"></Label>
                </StackLayout>
            </ng-template>
        </SuggestionView>
    </RadAutoCompleteTextView>

    <Button text="clear" (tap)="clear()"> </Button>
</StackLayout>

单击按钮时，我想清除自动完成的选定值和用户输入的焦点。（就好像我们在 UI 的自动完成结束时单击 X 按钮一样）

我在下面尝试过但没有用。这里是游乐场link.

<Button text="clear" (tap)="clear();autocomplete.value = ''">
this.autocomplete.NativeElement.value = '';
this.autocomplete.active = [];

Answer 1

由于您已将 displayMode 设置为 Plain，您可以通过重置 text 属性来清除该值。

this.autocomplete.autoCompleteTextView.text = "";

其中 this.autocomplete 是 RadAutoCompleteTextViewComponent。

Answer 2

另一种选择是使用

this.autocomplete.autoCompleteTextView.resetAutoComplete();

如何从 RadAutoCompleteTextView 中清除选定的值

How to clear selected value from RadAutoCompleteTextView

angular

nativescript

angular2-nativescript