ToolBarItem of type splitButton not reacting to updated Vue component state

1 Answer 101 Views
Toolbar
Matthew
Top achievements
Rank 1
Iron
Iron
Matthew asked on 08 Nov 2022, 06:44 PM

So here's the dealio....

I have this really cool ToolBar on my site that has a splitButton ToolBarItem.  It looks great.  Does all the things.  ❤️

This button has a :menu-buttons property which is full of nice items to show when a user clicks the down arrow on the button.  It does that really well.  

Then, the page state changes.  You know, because stuff is happening on our super dynamic interactive web page!  Well, because stuff changed, the :menu-buttons items that were there aren't really representative of the current state of the page. We need to update them to reflect the now state of thing.

But the splitButton ToolBarItem is not happy about this.  It like the original list and no matter how much we poke or prod it, it's refusing to play nice and update itself.  Suddenly we are sad 💔

 

Poor ToolBarItem.  I wonder if there's anything she can do to pay attention to what's going on, or is she just stuck and not willing to listen?

Petar
Telerik team
commented on 09 Nov 2022, 08:59 AM

Hi, Mattew. 

I've tried to replicate the reported issue in this StackBlitz example. You can see that when the value of the splitItems prop is changed, the items of the SplitButton inside the Toolbar are updated. 

Can you please check the example and let me know if you can replicate the reported issue in it? If your scenario is different, can you use the above StackBlitz as a basis and edit it in a way the experienced issue can be reproduced? 

Looking forward to your reply.

1 Answer, 1 is accepted

Sort by
0
Matthew
Top achievements
Rank 1
Iron
Iron
answered on 09 Nov 2022, 05:01 PM

Thank you Petar.  Your help has been much appreciated.  We have determined why our beautiful button has been misbehaving.  Well, you see, it was the legacy wrapper version of the button and not the new snazzy native component.  Making this change has brought joy to our team and we will forge ahead building great things.

 

Onwards!

Petar
Telerik team
commented on 10 Nov 2022, 08:26 AM

Hey, Matthew.

I am happy to hear that you managed to resolve the issue! If something else related to the Kendo UI for Vue suite breaks the mood in your team, we can join your forces and support your journey of building the next great Vue application. 

Tags
Toolbar
Asked by
Matthew
Top achievements
Rank 1
Iron
Iron
Answers by
Matthew
Top achievements
Rank 1
Iron
Iron
Share this question
or