DevExpress UI for Blazor - Preview 11 - New Blazor TreeView Component and Improved ComboBox (Now Available)

ASP.NET Team Blog
03 July 2019

Preview 11 of the DevExpress UI for Blazor is now available and it includes a new TreeView component and enhanced features for the ComboBox component.

Blazor UI Components – New Blazor TreeView Component

If you’re targeting Blazor and need to use a TreeView in your project, take a look at the following demo for more information on our new Blazor TreeView UI control.

DevExpress Blazor TreeView Component

This new component presents hierarchical data within a tree structure. Parent nodes can be collapsed or expanded – and individual nodes can be selected as necessary. The component ships with three API events to manage component behavior.

Blazor ComboBox

Preview 11 ships with several enhancements to our Blazor ComboBox.

Allow User Input

The component allows end-users to enter custom text into the text box when the value does not match a drop-down item. To enable this feature, set the AllowUserInput property to true.

To learn more, see to Combo Box - Allow Input online demo.

Filtering

Our Blazor ComboBox supports two filter modes and now allows end-users to locate combobox items more quickly. Assign “Contains” or “StartsWith” to the FilteringMode property to enable the desired filter mode.

To learn more, see the Combo Box - Incremental Filtering demo.

Keyboard Support

To help improve the end-user experience, Preview 11 includes built-in Keyboard Support. At present, the following shortcuts are supported:

  • Alt+Up or Alt+Down – Toggles the drop-down window
  • Up/Down – Moves focus to the previous/next item within the drop-down window
  • PageUp/PageDown - Scrolls 5 rows (up or down) within the drop-down window
  • Ctrl+Home/Ctrl+End – Scrolls and moves focus to the first/last item in the drop-down window

Blazor Demo Redesign

As our Blazor component library grows, so does our online demo collection. We used our new TreeView to simplify navigation within the demo and updated the appearance of the demo with the ‘Pulse’ Bootstrap theme.

Your Feedback Matters

We want to hear from you. If you’re currently using Blazor, or expect to do so in the near future, please share your thoughts with us below.

7 comment(s)
Ben_Hayat
Ben_Hayat

Great job as usual.

Suggestion: In the preview page where the title is "DevExpress UI Components for Blazor", I suggest to add "- Preview # 0.xyx"

i.e. DevExpress UI Components for Blazor - Preview 0.11

This way, we immediately know what version of DX Blazor this demo is targeting.

Hope this helps!

3 July, 2019
Nate Laff
Nate Laff

I may be mistaken but Blazor seems to be the fastest I've seen DX move on a new product set in a while. Is it heavy code reuse that's able to happen or high confidence in the platform?

5 July, 2019
Ben_Hayat
Ben_Hayat

@Nate;

Good point and I've thought about it a lot;

I'd lean on the side of high confidence and excitement. MSFT is heavily behind it, especially since they announced the direction of .Net 5 which basically means a new .Net for devices as well, and getting ride of Mono. "That" move by itself, has given the signal how serious MSFT is about the new "Client" technology for browser.

Blazer Server-side came to picture as a stepping stone for the final client-side. And this was a very smart move by MSFT for people to step up towards Blazor.

Secondly, MSFT is behind in "client side" market like Angular, React and Vue, and Blazor is their tool to jump ahead and should be able to respond, especially being able to code both sides in C#. It saves a lot of time and money.

DevExpress made a smart move to jump on the bandwagon at early stage. IT WILL PAY OFF.

My two cents.

..Ben

5 July, 2019
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

Thanks Nate and Ben. For the rapid development, it's a little of both. We are using the render from our Bootstrap controls but these are native for Blazor. And we are excited about Blazor's future too. :)

5 July, 2019
Stephen J White
Stephen J White

I'm amazed at how fast you guys are moving as well. I'm definitely looking forward to what comes next.

8 July, 2019
FrankBGN
FrankBGN

Hi Mehul,

this is looking absolutly great and I am very impressed of your work! I think that Blazor is just what many .NET folks (like me) have been waiting for many years.

One question regarding the current status of your blazor control suite:

I am using devexpress controls mostly for winforms currently which has really large featureset that of course cannot be matched by the blazor components currently. Is the already some documentation for the blazor components, so that I can get an overview and compare? Especially important for me would be the abilty to save + restore user defined layouts of the components. Is this already implemented or planned for the next releases?

10 July, 2019
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

@FrankBGN, thanks. We're working on our Blazor documentation. Here's blog post of our Blazor roadmap:

https://community.devexpress.com/blogs/aspnet/archive/2019/06/24/blazor-roadmap-what-you-can-expect-in-the-next-few-months-from-devexpress.aspx


10 July, 2019

Please login or register to post comments.