Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

July 7 - July 17 | Round 2 of the Power BI Dataviz World Championships. Don't miss your chance! Learn more

Reply
ysapiyev
Responsive Resident
Responsive Resident

Multiple selection in custom visual

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?
1 ACCEPTED SOLUTION
v-viig
Community Champion
Community Champion

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

[email protected]

 

View solution in original post

6 REPLIES 6
v-viig
Community Champion
Community Champion

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

[email protected]

 

ysapiyev
Responsive Resident
Responsive Resident

Hello  @v-viig,

 

Could you have a look at my problem?

 

Regards

Yerkhan

v-viig
Community Champion
Community Champion

That code snippet looks good.

Can you share the whole source code for debugging?

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

[email protected]

ysapiyev
Responsive Resident
Responsive Resident

@v-viig,

 

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

 

Regards,

Yerkhan

v-viig
Community Champion
Community Champion

It'd be better to share all of files.

You can send all of them to [email protected].

 

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

[email protected]

ysapiyev
Responsive Resident
Responsive Resident

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

Helpful resources

Announcements
FabCon and SQLCon Barcelona 2026

FabCon & SQLCon – Barcelona 2026

Join us in Barcelona for FabCon and SQLCon, the Fabric, Power BI, SQL, and AI community event. Save €200 with code FABCMTY200.

60 days of Data Days Carousel

Data Days 2026

Join Fabric Data Days 2026: 60 days of free live/on-demand sessions, challenges, study groups, and certification opportunities.

Power BI DataViz World Championships carousel

Power BI DataViz World Championships - June 2026

A new Power BI DataViz World Championship is coming this June! Don't miss out on submitting your entry.

Top Solution Authors