How to achieve Multi Select functionality in ListBox using Ctrl and Space key

Question

3.00/5 (1 vote)

See more:

Hi,

In our application we are using list box which support selection of multiple values using keyboard (using control + space and down arrow key - it is basic functionality of any list box) but it allows only selection of sequential values.

I am looking to implement the functionality where user can select multiple values randomly using (Control + Space key). The similar functionality I could find in one of the Telerik control.

http://demos.telerik.com/aspnet-ajax/listbox/examples/functionality/accessibility/defaultcs.aspx

Can somebody help me in achieving the same functionality?

Just for reference: We are using MVC3(Razor), JavaScript and jQuery in our application.

Thanks in Advance.
Rahul

Posted 10-Jun-13 7:47am

Pareek Rahul

Add a Solution

Comments

Sergey Alexandrovich Kryukov 10-Jun-13 14:23pm

ASP.NET? tag it.
—SA

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Answer 1 · 2013-06-10T08:25:00

Solution 1

This is not a functionality of ListBox, default of custom. And even if you implement a fully custom control with such behavior, if this control looks like a ListBox, it could confuse your users.

It looks like your application is ASP.NET. If so, I would advise alternative which would be way more clear to the users: System.Web.UI.WebControls.CheckBoxList:
http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.checkboxlist.aspx[^].

—SA

Posted 10-Jun-13 8:25am

Sergey Alexandrovich Kryukov

Comments

Pareek Rahul 11-Jun-13 14:11pm

I think, I could not post my requirement properly.

I'll rephrase the requirement:

We are using ASP.NET application.We have a list box which contain some values e.g. let say there are 10 values A,B,C,D,E,F,G,H,I,J in the list box.

Using mouse and control key we can select any values sequentially (let say we need to select all the values from A to F) or randomly, let say we want to select only A, D, E, I. It is very much possible by combination of mouse and keyboard, but we want to achieve the same functionality using only keyboard (to help physically impaired users). It means when we want to select values sequentially we should be able to do it by combination of (Control+Shift+ Up/Down arrow key) and random values can be selected by (Control+ Up/Down arrow key + Spacebar).

As we are using Javascript and jQuery, any solution provided using these two will be helpful for me.

Thank in advance.

Sergey Alexandrovich Kryukov 11-Jun-13 14:25pm

For a record, CheckBoxList I proposed will allow checking (instead of selection) with the keyboard, too, and it could be more apparent to the user. For multiple selection, you would need to create a custom control...
—SA