Multiple selection in custom visual

[ysapiyev]

Hi everyone.

I wanted to know, how to do multple selection using pressed CTRL button and mouse click, instead of mouse click. I set

this.selectionManager.select(d.identity, true), and it selects multiple data, but just by mouse click. How to alter it for identification of CTRL button pressed?

[v-viig · Accepted solution]

Hello @ysapiyev,

You should use something like this (event documentation😞

// event is a mouse event

const isCtrlKeyPressed = event.ctrlKey;

this.selectionManager.select(d.identity, isCtrlKeyPressed);

Ignat Vilesov,

Software Engineer

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

[ysapiyev]

Hello  @v-viig,

Could you have a look at my problem?

Regards

Yerkhan

[v-viig]

That code snippet looks good.

Can you share the whole source code for debugging?

Ignat Vilesov,

Software Engineer

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

[ysapiyev]

@v-viig,

Yes, should I send you visual.ts? And please share your email.

Regards,

Yerkhan

[v-viig]

It'd be better to share all of files.

You can send all of them to pbicvsupport@microsoft.com.

Ignat Vilesov,

Software Engineer

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

[ysapiyev]

Hello @v-viig,

So ,as I understood, it should look like this, right?

var event =  <Event>d3.event;
const isCtrlKeyPressed =event.ctrlKey;

this.selectionManager.select(d.identity, isCtrlKeyPressed);

However, it shows me that there is no property ctrlKey in event. I googled, and it gives me similar solution as yours. What can be wrong?

Regards,

Yerkhan