jquery复选框下拉控件中的问题

时间:2009-12-16 06:16:22

标签: jquery

强文我需要在单个下拉控件中生成2个不同数据表的复选框

alt text http://jdm8jq.bay.livefilestore.com/y1pBAyKOMS7Y7YbA6Q2kl5JA6RGHr3WCNh9aA1ttFzShAas36RQxTovGxkCqeMYfygADc5W8nmnPyONOCy9cOMGzAt3mR1ADyck/untitled.JPG

<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});
//$('.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**  

我有2个数据表in.cs页面

            DataTable dt1 = new DataTable(); 
            ad.Fill(dt1);
            listBox.DataSource = dt1;
            listBox.DataBind();

DataTable dt2 = new DataTable(); 
            ad.Fill(dt2);
            listBox.DataSource = dt2;
            listBox.DataBind();

我推荐的网站是[http://dropdown-check-list.googlecode.com/svn/trunk/src/demo.html][2]

如何在一个控件下绑定2个不同的表,即列表框控件。这样我就可以在一个控件下获得两个不同的数据表组  一个表格是商品表格,另一个表格可以是 itemsDetails 表格。这样我就可以在一个控件下显示2个不同的数据表详细信息  什么是我应该遵循的语法来实现它

希望我的问题清楚

任何帮助都会很棒

谢谢

1 个答案:

答案 0 :(得分:0)

我不太确定如何使用2种不同的绑定源来完成它,但是你不能只是循环遍历数据集并手动添加它们吗?

此外,您的链接无效,但我认为这是您正在使用的插件吗?

http://aleris.wordpress.com/2009/04/11/new-version-of-jquery-dropdown-checkbox-list-plugin/

如果这是正确的,他们使用“optgroup”asp.net下拉列表似乎不支持。因此,这可能是您面临的另一个问题,也可能是我从其他人那里解决的问题,您可能必须覆盖下拉列表控件才能添加。