AutoComplete組件介紹
AutoComplete
組件和文本框基本上樣子是一樣的,只不過AutoComplete
組件還帶有一個下拉列表,可以從中選擇對應的內容。
其同樣繼承自BootstrapInputBase
,所以,它同樣擁有BootstrapInputBase
的所有屬性。
一個最小的AutoComplete
組件內容如下:
<AutoComplete Items="@StaticItems" />
AutoComplete的其他屬性
ShowLabel
:此為DisplayBase
的屬性,所有的Form組件幾乎都帶有此屬性,切換是否顯示一個Label
組件。
Items
:類型為List<string>
,是自動完成的內容列表,組件會從里面進行匹配。
NoDataTip
:無匹配項時顯示的內容,默認為 無匹配數據
DisplayCount
:匹配的數量
IsLikeMatch
:是否模糊匹配,true
的話會使用Contains
進行匹配,false
使用StartsWith
進行匹配。默認為false
。
IgnoreCase
:是否區分大小寫,默認不區分
Debounce
:防抖時間,自動完成組件在防抖時間內,只在最后一次錄入后將結果發送到后端,這將大大提高性能。
SkipEnter
:跳過Enter
鍵的處理,即不會執行BootstrapInputBase
中的OnEnterAsync
回調。
SkipEsc
:跳過Esc
鍵的處理,即不會執行BootstrapInputBase
中的OnEscAsync
回調。
ValueChanged
:Action<string>
,當輸入框的內容改變時的回調。
OnCustomFilter
:Func<string, Task<IEnumerable<string>>>
,當輸入框的內容改變時,自己進行內容過濾,可以在這里進行類似數據庫查詢等高級操作。