combobox text client side

[Harika]

Hi Team,

I have a rad combobox for which i am checking the check boxes on client side based on the text entered using the below code.

combo.get_items().getItem(i).set_checked(

 

true);

 but it did not show the text of all the items checked which matches the typed criteria, instead shows the text of only the first matching item. and after any event on the page the text chnages (to the correct text).

for example if i type a in the combo box, it cheks the items 'apple' and 'ant' but shows the text of the combox only as 'apple' instead of 'apple, ant' and once i click on any button it changes to 'apple, ant'

Tried to use combo.set_text("mytext"), but did not work

Thanks for any suggestions

[Ivana]

Hi,

Try the following workaround:

<script type="text/javascript" language="javascript">
    if (typeof String.prototype.startsWith != 'function') {
        String.prototype.startsWith = function (str) {
            return this.indexOf(str) == 0;
        };
    }

    function OnClientKeyPressing(sender, args) {
        var keyCode = args.get_domEvent().keyCode;
        var character = String.fromCharCode(keyCode);
        if (keyCode >= 65 && keyCode <= 90) {
            sender.get_items().forEach(function (item, index) {
                if (item.get_text().startsWith(character)) {
                    item.set_checked(true);
                }
            });
            args.get_domEvent().preventDefault();
        }
        else
            args.get_domEvent().preventDefault();
    }
</script>

<telerik:RadComboBox ID="RadComboBox1" runat="server" CheckBoxes="true" AllowCustomText="true"
    OnClientKeyPressing="OnClientKeyPressing">
    <Items>
        <telerik:RadComboBoxItem Text="America" />
        <telerik:RadComboBoxItem Text="Australia" />
        <telerik:RadComboBoxItem Text="Asia" />
        <telerik:RadComboBoxItem Text="Europe" />
    </Items>
</telerik:RadComboBox>

All the best,
Ivana
the Telerik team