This is a migrated thread and some comments may be shown as answers.

RadComboBox List not moves when mouseweel is scrolling

3 Answers 57 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Chris Kronenthal
Top achievements
Rank 1
Chris Kronenthal asked on 28 Jan 2011, 12:52 AM
Need solution:
Click on RadComboBox and scroll mouse weel - List Box opens and remains open on top of screen as the screen scrolls underneath.
Please help!

3 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 1
answered on 31 Jan 2011, 06:57 AM
Hello Chris,


At present, the issue is not happening for me. But you can try teh following work-around in your case and see whether it suits your need.

Client code:
<script type="text/javascript">
    window.onscroll = function onPagescroll() {
        var combo = $find('<%=  RadComboBox1.ClientID %>');
        combo.hideDropDown();
    };
 </script>



Thanks,
Princy.
0
Chris Kronenthal
Top achievements
Rank 1
answered on 01 Feb 2011, 04:00 PM
Princy,

Try to put the combo on RadPane. Just make sure that your Pane have vertical scroll bar and you have some other content on the pane that it needed to be scrolled to see it...
0
Cori
Top achievements
Rank 2
answered on 01 Feb 2011, 07:52 PM
Hello Chris,

If you adjust Princy's solution to something like this, then it will hide the drop-down box:

<telerik:RadPanelBar ID="RadPanelBar1" runat="server" ExpandMode="FullExpandedItem"
        Height="100px">
        <Items>
            <telerik:RadPanelItem Text="RadPanelItem1" Expanded="true">
                <ContentTemplate>
                    <telerik:RadComboBox ID="RadComboBox1" runat="server">
                        <Items>
                            <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem1" Value="RadComboBoxItem1" />
                            <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem2" Value="RadComboBoxItem2" />
                            <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem3" Value="RadComboBoxItem3" />
                            <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem4" Value="RadComboBoxItem4" />
                            <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem5" Value="RadComboBoxItem5" />
                            <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem6" Value="RadComboBoxItem6" />
                        </Items>
                    </telerik:RadComboBox>
                    <div>
                        Some Text
                        <br />
                        Some More Text
                    </div>
                    <div>
                        More Text
                        <br />
                        Even More Text
                    </div>
                </ContentTemplate>
            </telerik:RadPanelItem>
        </Items>
    </telerik:RadPanelBar>
  
    <script type="text/javascript">
        Sys.Application.add_load(HandleScrollBar);
  
        function HandleScrollBar() {
            $telerik.$($find("<%=RadPanelBar1.ClientID %>").get_items().getItem(0).get_element()).find(".rpSlide").scroll( function() {
                var combo = $find("<%=RadComboBox1.ClientID %>");
                combo.hideDropDown();
            });
  
            Sys.Application.remove_load(HandleScrollBar);
        }
    </script>

So all it does is access the first panel item's content area and attaches the scroll event and hides the drop-down box.
Tags
ComboBox
Asked by
Chris Kronenthal
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 1
Chris Kronenthal
Top achievements
Rank 1
Cori
Top achievements
Rank 2
Share this question
or