Hello Alex and thank you for taking the time to look into this. The scenario fails when when the attempt select and display the newly added item. The PageMethod does add the item to the database table as expected. The help link you provided is similar to what I need. However, I require the new entry to be added only when the "Other" value is checked, then replace the value of "Other" with the newly entered value.

Thank you for your response!

Can you please clear out an additional question - you have the "Other" item defined in your database and you do not want to replace this item in the database with the custom item but you want to replace it on the client only. And the custom item, except for replacing the "Other" item on the client, should also be added to the database. Is that correct?

Alex,

You are correct. The newly entered item is not to replace the "Other" item in the database, The newly entered item is added to the database using the PageMethod.  The "Other" item on the client is unselected and replaced with the newly entered item and displayed on the client.  The bolded code lines below is where the scenario is failing. It not producing an error but just not performing as I intend..

 function cboFTEName_DropDownClosed(sender, eventArgs) {
        ///<summary>
        ///
        ///</summary>
        ///<param name="sender" type="Infragistics.Web.UI.WebDropDown"></param>
        ///<param name="eventArgs" type="Infragistics.Web.UI.DropDownContainerEventArgs"></param>

        var FTEcombo = sender;
        var Items = sender.get_selectedItems();
        for (i = 0; i < Items.length; i++) {
            if (Items[i].get_text() == "Other") {
                var newFTEName = prompt("Enter Name of Other FTE:", "");
                if (newFTEName !== null) {
                    if (confirm("You are about to add a new FTE Name to the database.\n Are you sure you wish to continue?")) {
                        //Add the newly entered FTE Name to the database table.
                        PageMethods.AddNewFTEName(newFTEName, OnSucess, OnFailure);
                    }
                    function OnSucess(response, UserContext, methodName) {
                        //Add the new FTE Name to the client dropdown and select it.
                        if (response.length > 0) {
                            var idpos = response.indexOf("|");
                            var newid = response.substring(0, idpos);
                            var item = FTEcombo.get_items().createItem();
                            item.set_text(newFTEName);
                            item.set_value(newid);
                            FTEcombo.get_items().add(item);
                            var itemIndex = item.get_index();
                            FTEcombo.selectItemByIndex(itemIndex);
                            var FTEItems = FTEcombo.get_selectedItems();
                            //Unselect the "Other" Selection and replace with the new entry on client
                            for (j = 0; j < FTEItems.length; j++) {
                                if (FTEItems[j].get_text() == "Other") {
                                    FTEItems[j].unselect();
                                    var strValue = FTEcombo.get_currentValue();
                                    var newValue = strValue.replace("Other", newFTEName);
                                    FTEcombo.set_currentValue(newValue);
                                }
                            }
                        }
                    }
                    function OnFailure(error) {
                        alert(error.get_message());
                    }
                }
            }
        }
}// -->
</script>

Thank Alex,

Your example works fine and thank you for the tip about including the "true" pararameter in the set_currentValue method. However, in my project the results are inconsistant. The "Other" item sometimes get unchecked and other times it doesn't. I also sometime get the error message "Server not responding"  when the set_currentValue method is envoked. The new value is being added to the list but not being selected and not replacing the "Other" text in the dropdown display. Do you suppose it has something to do with the add_item method?

//Add the new FTE Name to the client dropdown and select it.
                        if (response.length > 0) {
                            var idpos = response.indexOf("|");
                            var newid = response.substring(0, idpos);
                            var item = FTEcombo.get_items().createItem();
                            item.set_text(newFTEName);
                            item.set_value(newid);
                            FTEcombo.get_items().add(item);
                            var itemIndex = item.get_index();
                            FTEcombo.selectItemByIndex(itemIndex);
                           

Thanks,

Thank you Alex,

That worked great. I did not remove the "Seafood" item from the list, I simply moved the code that added the new item to the dropdown after the unselect() method on the seafood item as your code shows.

Hi.

I wanted to inform you that we are working on the latest scenario and we trying to reproduce the problem. We will write you as soon as possible. Thank you for the patience!

Best regards,

Nikolay Alipiev