Product Bundles
DevCraft
All Telerik .NET and Kendo UI JavaScript components and AI Tools in one package.
Kendo UI
Bundle of AI Tools plus four JavaScript UI libraries built natively for jQuery, Angular, React and Vue.
Build JavaScript UI
Javascript
Telerik
Build modern .NET business apps
.Net Web
Cross-Platform
Desktop
Reporting and Documents
AI for Developers & IT
Ensure AI program success
AI Coding
AI Engineering
Additional Tools
Enhance the developer and designer experience
Testing & Mocking
Debugging
UI/UX Tools
CMS
Free Tools
Support and Learning
Productivity and Design Tools
RadAutoCompleteBox
Name
Key
Hello Artur,
To achieve this requirement, you can set the DisplayMemberPath property to "Key" and the TextSearchPath property to "Name".
The following code snippets show a sample implementation of this suggestion:
public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); ObservableCollection<Item> items = new ObservableCollection<Item>() { new Item(){ Name = "Name 1", Key = "Key 1" }, new Item(){ Name = "Name 2", Key = "Key 2" }, new Item(){ Name = "Name 3", Key = "Key 3" }, new Item(){ Name = "Name 4", Key = "Key 4" }, new Item(){ Name = "Name 5", Key = "Key 5" }, }; this.autoCompleteBox.ItemsSource = items; } } public class Item { public string Name { get; set; } public string Key { get; set; } }
<Grid> <telerik:RadAutoCompleteBox x:Name="autoCompleteBox" DisplayMemberPath="Key" TextSearchPath="Name"/> </Grid>
The produced result is as follows:
I have also attached a sample project for you to test.
Regards, Stenly Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.