Click here to Skip to main content
15,886,199 members
Articles / Web Development / ASP.NET
Article

CheckComboBox for ASPX web

Rate me:
Please Sign up or sign in to vote.
3.22/5 (2 votes)
3 Jan 2007CPOL 126.3K   224   17   5
CheckComboBox for ASPX Web

Sample Image - CheckComboBox_for_web.jpg

How to use

It is very easy to use. Just follow the steps given below:

  1. Provide a DataTable, which has the first column named "Text" and the second column named "Value", as its DataSource
  2. Set its checked items by setting the value string of its "SelectedValue" property, and the value string is divided by comma
  3. Right click to select all or none, so do the first checkbox without text in dropdownlist
  4. Click to hide all expanded menu, except for the one on which the cursor is

The three required files are:

  1. CheckComboBox.ascx.cs
  2. CheckComboBox.ascx
  3. Yan.js

The sample code is given below:

C#
// set its DataSource and Binding.
DataTable dt0 = new DataTable();

dt0.Columns.Add("Text", System.Type.GetType("System.String"));
dt0.Columns.Add("Value", System.Type.GetType("System.String"));

for (int i = 0; i < 100; i++)
{
  DataRow dr = dt0.NewRow();

  dr[1] = i.ToString();
  dr[0] = ((char)('A' + i)).ToString();

  dt0.Rows.Add(dr);
}

CheckComboBox1.DataSrc = dt0;


// get its selected values
Response.Write("
Control 1
Checked Value=" + CheckComboBox1.SelectedValue);

// set its selected items
CheckComboBox1.SelectedValue = "1,11,111";

// clear its selected items
CheckComboBox1.SelectedValue = "";

JavaScript
// if you want to hide all expanded menu of CheckComboBox by click,
// you must provide all id of CheckComboBox in the page
// and invoke the HideAllMenu() JavaScript method, as the following HTML code.
...
<body onclick="HideMenu()">
...
</body>
<script language="javascript">
function HideMenu()
{
  var arrDD = new Array("CheckComboBox1", "CheckComboBox2");

  HideAllMenu(arrDD);
}
</script>
</html>

License

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


Written By
Software Developer (Senior)
United States United States
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions

 
GeneralH, you must be a Chinese programmer Pin
William Xiang3-Sep-09 22:29
William Xiang3-Sep-09 22:29 
GeneralHi Pin
mbaocha6-May-09 17:33
mbaocha6-May-09 17:33 
I had a problem implementing thesame functionality a while ago. I googled it but couldnt really find much of what i needed. I was so happy to stumble accross these today.



Regards
___________________________________________________________________________________________
Cheap Affordable Web Hosting | Windows Linux PHP ASPX MYSQL Website Hosting | Best Web Design & Development Company
GeneralNot function in Firefox Pin
psuporte26-Jun-08 3:00
psuporte26-Jun-08 3:00 
QuestionThanks, are you a Chinese? Pin
Webdiyer8-Jan-07 19:49
Webdiyer8-Jan-07 19:49 
AnswerRe: Thanks, are you a Chinese? Pin
Runming Yan9-Jan-07 14:26
Runming Yan9-Jan-07 14:26 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.