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>

单击按钮时，我想清除自动完成功能的选定值并集中于用户输入。（就像我们从用户界面自动完成操作的最后单击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清除选定的值

2 个答案: