How to add a item onClick event

[Mathew Varghese]

I need an example code snippet for item click event in tree map for vuejs.

[Indumathi Ravi]

Hi Mathew,

Thank you for contacting Syncfusion support.

In the Treemap control, the "itemClick" event will be triggered when click action is performed on the item of the Treemap. Please find the code snippet for the same below.

Code Snippet:

<ejs-treemap id="treemap" :data-source='dataSource'  :item-click='itemClick' > </ejs-treemap>

 

<script>

        Vue.use(ejs.treemap.TreeMapPlugin);

        new Vue({

            el: '#app',

            data : {

                      //..

           },

           methods:{

                  itemClick:function(args){

                                console.log("Item click event got triggered!!!");

                  }

          }

        });

    </script>

We have created a sample to demonstrate the same and it can be downloaded from the below link.

https://www.syncfusion.com/downloads/support/directtrac/general/ze/quickstart784744910

Please let us know if you need any further assistance.

Regards,

Indumathi R.