2013-11-22 36 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