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

[Solved] Loading Combobox from DataReader

6 Answers 183 Views

ComboBox

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

john asked on 01 Sep 2009, 08:10 PM

Hello,

I have a web app that i'm switching over to use your controls, and i'm trying to load one of the RadComboBox's from a SqlDataReader. I use them all over the place, and would like not to have to change all of that out due to time constraints. The dropdown will load the first item, but when i expand it the list willbe empty. I've also tried loading it using the Items.Add() method with a similar result. I have set both the DataTextField and DataValueField properties. If i set EnableLoadOnDemand="true" it loads perfectly, yay. However it also puts a textbox in the control for users to type, while i'll probably be using this later, on this list i do not need or want it. I've tried just about everything i can think of and found a couple posts here that said to set AllowCustomText="false" which i've done but it had no effect. Is there something special i need to do to get the combobox to load from a datareader or items.add() without using EnableLoadOnDemand? or is there another way to disable the textbox portion of the control?

John

6 Answers, 1 is accepted

answered on 03 Sep 2009, 09:01 PM

Nevermind, i have figured out what was giong on. On our site we have some verticle side tabls that have sliding sections when you mouse over them. If the combobox is in one of those sections and Enable LoadOnDemand is false the dropdown section doesnt render correctly for use in the tabs. it shows up as its own div floating in the form and not "attached" to the other piece. However when EnableLoadOnDemand is true it is "attached" and everything renders perfectly with the sliding section. I"m trying to find a way now to get it to show the same way regardless of how the property is set. If anyone has any suggetions i'd love to hear it. The sliding sections are divs that are moved at load to the end of the form and a js file moves them on the on hover event of the tab.

answered on 04 Sep 2009, 02:22 PM

Is there a way to fix the abs positioning "problem". it works wonderfully if not in one of the slider pieces. Another solution is to allow the typing but since its just a list of numbers could you tell me how to fix it so that the users either cannot type anything but numbers or how to easily validate it(prefferably very easily we use quite a few dropdowns and they contain various things that cant validate the same way) on the client side so that i can be sure a valid element is selected before post or callback. I've seen the validation controls but was hoping for something as easy as the filtering mechanism on the input controls or something like the the the FilteredTextBox Extender in the AJAXControlExtender ToolKit .

Currently the site is in development on my local machine only. when it goes live or to beta some arrangement may be able to be made for future issues, but i hope to have this resolved by then.

<addition> My shortcut to show the items only works in IE(i'm using 7) and not in the most recent version of FireFox</addition>

answered on 07 Sep 2009, 02:18 PM

Hello John,

Could you please confirm that you're using the latest release of the controls - Q2 2009 SP1? Fixing the dropdown position is specific to the use of the combobox, can you paste some sample code here? Thanks

Regarding the second question, pleases check this help article which explains how to prevent user from typing particular characters.

Best wishes,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

answered on 08 Sep 2009, 01:21 PM

I checked and i appear to have the latest version of the controls.

My assessment of the problem appears to be incorrect, unless a callback could fix the positioning issue. One of our other devs was testing in different browsers and noticed that the dropdown regardless of type or settings dont show the contents in FireFox 3.5.x(i cant remember what version they're on now) unless a partial page postback is completed. We have one of the rad grids on the same page as the drop down. after the page loads the dropdown will appear empty. if we click the edit or delete button on the grid, or page, etc... when the callback completes the dropdown will be showing the items. If the page is refreshed via F5 or the button the problem occurs again.

    
            CSS  
        
            .vert_subMenu{  
        
                visibility:hidden;  
        
                position:absolute;  
        
                overflow:hidden;  
        
                font-family:arial;  
        
                text-align:left;  
        
                background-repeat:no-repeat;  
        
                background:url(../images/Background/silveryBG.png) top rightright;  
        
            }  
        
            .vert_subMenu ul{  
        
                margin:0px;  
        
                padding:0px;  
        
                background-position:rightright bottombottom;  
        
                background-repeat:no-repeat;  
        
            }  
        
            .vert_subMenu ul li{  
        
                list-style-type:none;  
        
                margin:0px;  
        
                /*padding:1px;   1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/ 
        
            }

    
            <div id="vert_menu">  
        
                 <ul> 
        
                     <li> 
        
                         <div><em></em><b>C U R R E N T</b></div>  
        
                              <ul style="width: 275px;">  
        
                                 <li> 
        
                                   table with contents  
        
            closing tags

the acutal sliding is handeld in a javascript file that is too long to paste here. basically it leaves the <div><em>... stuff alone because that is what forms the tabs the user hovers on. the rest of the html is added to a new div tag with the vert_submenu class and appended to the form. This results in the new divs freefloating until they're used then moved to the correct location. The sliding does move the divs left and right but i think its the initial free float piece that is messing with the dropdown. Once it appears the left right movement doesnt not seem cause any issues.