Using columnVisibilty button within another collection button

Using columnVisibilty button within another collection button

shinokshinok Posts: 7Questions: 2Answers: 0

I'm trying to create a general 'settings' button for datatables in my application and clicking on the select button should launch the table specific general options - like Copy, Print, Column Visibility etc.
But since column visibility is already a collection button, when i click this, the new menu launched remains dangling.
I have created a jsfiddle as an example to demonstrate the problem.
http://jsfiddle.net/vo5bvc8d/39/

When you click the grear button on the top left corner, it launches a collection buttons container - with Column Visibility as the first option. Now when i select the first option, a sub-menu is launched but the parent closes. So now the whole column visibility menu is left dangling and there is no way to close it.

If anyone has implemented something similar or has suggestions on how to achieve good user experience with this please suggest.

This question has an accepted answers - jump to answer

Answers

  • allanallan Posts: 61,446Questions: 1Answers: 10,054 Site admin
    Answer ✓

    Hi,

    Currently Buttons does not support a Collection inside a Collection I'm afraid. It looks like it almost does from your example but it isn't something that I have specifically designed it to be able to do. That is perhaps a good future enhancement for the software.

    Allan

  • shinokshinok Posts: 7Questions: 2Answers: 0

    I looked at the existing code and did some changes to my configuration and have got it to work for my scenario. http://jsfiddle.net/vo5bvc8d/45/

    You'll probably find a better way to do it at the framework level. But until then i think i'll use this.

This discussion has been closed.