item not selecting until i hit enter or click on item.

[Hiren]

i have use RadAutoCompleteBox control in asp.net. and  everything working fine but i have one problem.

when i type in autocomplete text both then its show me result in
dropdown and when i click out side of that dropdown (without select any
item from result) then first item automatically selected :(.

i don't need auto selection until i hit enter or click on item.

How can i do it?

Thanks,
Hiren Suthar

[Shinu]

Hi Hiren,

RadAutoCompleteBox provides two different visual representations of its entries. The preferable visualization is set via the InputType property of RadAutoCompleteBox which takes one of the following two values: Token and Text. The default behavior of the control in InputType as Text is that it will select the first item automatically when clicking out side. In order to achieve your scenario please try to set the InputType as Token. Please have a look into this online demo for further reference.

Thanks,
Shinu.

[Hiren]

Hi Shinu,
thanks for your quick reply.

Actually, my concern is related with the dropdown open . at that time the first item is by default selected and when i select out side of dropdown/list then first item select. this is my issue.

i need item will not select until I hit enter or click using mouse.

please find attache video which issue i have faced. and issue is replicate on demo link which you have provided.
Note: i have change extension attached file .wmv to .jpg, so rename it .jpg to .wmv for show video.


Thanks,
Hiren Suthar

[Plamen]

Hi Hiren,

Yes indeed it is how the control works by default. If you can override this behavior if by adding the code below:

<script type="text/javascript">
           Telerik.Web.UI.RadAutoCompleteBox.prototype._populateDropDown =function (data, itemsRendered) {
               var dropDown = this._dropDown,
                   resultCount = data.length;

               if (data.length) {
                   dropDown.populate(data, itemsRendered, dataFields);

                   if (renderShowAllButton && resultCount >=this.get_maxResultCount()) {
                       dropDown._addShowAllButton();
                   } else {
                       dropDown._removeShowAllButton();
                   }

                   if (!this.get_enableClientFiltering()) {
                       dropDown.open(this._getDropDownPositionInfo());
                   }
               } else {
                   this.clear();
               }
           }
   </script>

Hope this will be helpful.

Regards,
Plamen
Telerik

 

 

[Nitesh]

problem in your online demo. Tab key,click outside of the autocompletetextBox item   add into AutocompletetextBox that is wrong.

[Plamen]

Hi,

This functionality is controlled by the HighlightFirstMatch property- if you set it to false the first item will not be highlighted.

Hope this will explain the issue. 

Regards,
Plamen
Telerik