2013-11-22 27 views
1

单击DropDown时,出现列表项目框。然后当滚动页面的项目框滚动,但我需要它保持附加到DropDown列表(它不应该移动,但页面仍然必须滚动)。我的代码中没有涉及JavaScript。我注意到,在滚动的箭头,当点击该对话框自败,但只要我使用鼠标滚轮与滚动框滚动..asp下拉菜单,我的div滚动列表项目

我的代码:

母版代码

<div style="overflow-x:scroll; border: solid black 1px; height: 300px; width: 400px;"> 
    <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server" > 

    </asp:ContentPlaceHolder> 
</div> 

Default.aspx的

<dx:ASPxComboBox ID="ASPxComboBox1" runat="server"> 
    <Items> 
     <dx:ListEditItem Text="Item1" Value="Item1"></dx:ListEditItem> 
     <dx:ListEditItem Text="Item2" Value="Item2"></dx:ListEditItem> 
     <dx:ListEditItem Text="Item3" Value="Item3"></dx:ListEditItem> 
    </Items> 
</dx:ASPxComboBox> 

我已经尝试过的下拉列表中的位置设置为相对的,绝对的,固定的,但它没有工作。我也试过这个代码

$('#ScrollingBox').scroll(function() { 
    $("#YourDropdownListID").data("kendoDropDownList").close(); 
}); 

和结果是一样的。

+0

请提供http://jsfiddle.net/ –

+0

我试过的jsfiddle创建它,但它不具有任何ASP控制 – Julie20

+0

采取HTML一个... –

回答

0
style="position:absolute !Important;" 
+0

当我把位置设置为绝对!重要的是,它使整个下拉滚动页面.. – Julie20

+0

你有尝试其他选项,如亲戚和固定与!重要? –

+0

不,它不工作。你会再看看我的问题吗,我现在编辑它 – Julie20

0

试试这个:

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1r" runat="server"> 
    <dx:ASPxComboBox ID="ASPxComboBox1" runat="server"> 
     <Items> 
      <dx:ListEditItem Text="Item1" Value="Item1"></dx:ListEditItem> 
      <dx:ListEditItem Text="Item2" Value="Item2"></dx:ListEditItem> 
      <dx:ListEditItem Text="Item3" Value="Item3"></dx:ListEditItem> 
     </Items> 
    </dx:ASPxComboBox> 
    <asp:Panel ID="Panel2" runat="server" Width="1000" ScrollBars="Auto" Height="400px"> 
     <!--Put Every thing else here--> 
     <!--Specify Appropriate Height and Width for Panel For Your Screen Size--> 
    </asp:Panel> 
</asp:Content> 
+0

我刚才试过这个结果还是一样的 – Julie20