i need to generate the output like this as shown in the image
i am using JQuery PLugin to achive this . but the issue here how can i achive like this i have downloaded the library and added in my protect
what is the thing that i should do in order to get the output like this
like
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script src="../Scripts/jquery-1.3.2.js" type="text/javascript"></script>
<script src="../Scripts/ui.core.js" type="text/javascript"></script>
<script src="../Scripts/ui.dropdownchecklist.js" type="text/javascript"></script>
<link href="../Scripts/ui.dropdownchecklist.css" rel="stylesheet" type="text/css" />
<link href="../Scripts/demo.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(function() {
$('.listBox').dropdownchecklist({maxDropHeight:200});
});
</script>
</head>
<body> <form id="form1" runat="server"> <div>
<asp:ListBox ID="listBox" runat="server" SelectionMode="Multiple" CssClass ="listBox" />
<asp:LinkButton ID="btn" runat="server" Text="Click me" OnClick="BtnClick" />
<asp:Label ID="result" runat="server" />
</div>
</form>
</body>
</html>
**in .cs**
DataTable dt1 = new DataTable();
ad.Fill(dt1);
listBox.DataSource = dt1;
listBox.DataBind();
my DataTable is having around 60 rows of data ex:
item1
item2
item3
item4
item5
item6
item7
untill item 60
after every 15 items i need to group the items like this
group 1
item1
to
item15
group 2
item1
to
item15
group 3
item1
to
item15
like this i need to achive here
the site i am refering is [http://dropdown-check-list.googlecode.com/svn/trunk/src/demo.html][2]
hope my Question is clear [mainly need to sort the data in groups]
any help would be great
thank you