I am beginner in Blazor so I am still experimenting in my demo application I have a class with some fields and one is just a text element. I want to make it react in a similar way as a combobox in winform, so I want a sort of autofilter of the items in source list and when I edit text the list open up and show me the items filtered and I want to be able to select item with keyboard and mouse click. So I made a custom control in Blazor adding an where user insert text and attached to the I add a list control where I show the result of a query based on the "like" of the text inserted by the user. Offcourse this control is not bound to the original class field but it is bound to a custom text field property and when user write or select an item in the list I have to assign the value to the original class field. I know it's ugly but at least is working, but what I not like of this solution is that if the user start to typing some text on the input field and list show up, if I click on another input on my form the list stay open forever or at least until the other control finish editing. I did try to intercept the onblur event of the but clearly when I click on the list item I lose the focus too so I losing my item selection too. At the moment the only solution I found and it's quite ugly is passing a parameter on the control (showlist) and every time I click on a control inside my form I set it to false so the control will not show the list items. If anyone have some suggestion about I would like to know what will be the better solution (apart use a third party control) best regards.
Custom control that mimic a combobox winform in Blazor, question about item list and losing focus
26 Views Asked by plaguebreath At
0
There are 0 best solutions below
Related Questions in ASP.NET-CORE
- Windows environment variables at appsettings.json
- Which approach is right while creating a service for your update method?
- New Blazor Web App, Password Reset "A valid antiforgery token was not provided"
- No webpage was found for the web address: https://localhost:7002/Category/Add?area=Admin. Why is my URL generated like ?area=Admin instead of /Admin/
- how to get the html for a tag helper in code
- How to share authorization implemented in the server project with the client project in Blazor Web App Auto project?
- Why https is disabled on publish in .NET Core 7.0
- How to set language in a server-side rendering blazor app
- How can I debug server side rendering blazor code in a component?
- ASP.NET Core 6 randomly returning 200 with empty response
- ASP.NET Core MVC : NullReferenceException: Object reference not set to an instance of an object
- ASP.NET Core Identity Custom Register Endpoint
- VS Community 2022 cannot install dotnet-ef when i try to publish
- How does ASP.NET Core Identity ensure username is unique under concurrent conditions?
- In clean architecture, is the presentation layer allowed to communicate directly with the infrastructure layer?
Related Questions in COMBOBOX
- How can I get this ComboBox to bind, populate the dropdown and write back selected value on update?
- Combo box in NextJS
- Combobox "ArgumentOutOfRangeException" at "ComboBox.ObjectCollection.cs"
- How to manually add a value to data source with combo box in Power Apps
- Blazor two-way data binding with InputSelect never enters VM property set
- wpf combobox how to handle PreviewMouseWheel
- How to reset a group of comboboxes back to no selection tkinter?
- Disable either the Togglebutton or Popup Dropdown of a Combobox via property binding
- In Excel I need to use userform combobox to lookup number from table, then use that number to replace a number in another table
- String Type Value Member and Display Member in VB.NET Combobox with manually filled data
- SfComboBox Selection Box Blank After Selection Until Clear Button Pressed
- Excel VBA UserForm ComboBox not displaying named range list
- Power apps Groupby Function Combobox Selected Value
- How do I fix my Problem with ComboBoxes in Java Swing?
- .NET MAUI Custom ComboBox
Related Questions in BLAZOR
- Failed to fetch dynamically imported module on Blazor JS Interop
- Implementing Azure AD B2C Authentication in .NET 8 Blazor Project (RenderMode: InteractiveAuto)
- New Blazor Web App, Password Reset "A valid antiforgery token was not provided"
- How to share authorization implemented in the server project with the client project in Blazor Web App Auto project?
- My Blazor UI is not responding on a domain, but working on another domain
- Telerik Blazor GridCommandButton not working
- How to set language in a server-side rendering blazor app
- Stopwatch loosing time in a browser using blazor and web assembly when browser put in background
- How to Nest a TelerikGrid inside TelerikForm with Blazor
- Blazor/Razor resolve components using dependency injection
- UI not updating after resetting object
- 3rd Party cookies error on deployment server
- Blazor DbContext in a service
- Blazor Web App (.Net 8) with oidc loses auth when switching to client
- Why Blazor 8 prerendering does not render all of the page?
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular # Hahtags
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?