tags:

views:

59

answers:

0

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 alt text

<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