• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 443
  • Last Modified:

Telerik controls with Ajax Functionality

Hi Experts,

  I have an enhancement in the existing asp.net application, I added a Telerik RadCombobox and textbox . My requirement is when I select a perticular item in the combobox need to get the details in textbox from database and is working fine, But how can i get the details without postback (roundtrip) or guide me with ajax functionalty plz in telerik controls.
0
catchjay
Asked:
catchjay
2 Solutions
 
CodeCruiserCommented:
There would be some sort of remote functionality with Telerik but have you tried to enclose these in UpdatePanel?
0
 
catchjayAuthor Commented:
Yes I have enclosed but that time the data is not coming to the textbox.
0
 
CodeCruiserCommented:
Check the following example

http://demos.telerik.com/aspnet-ajax/combobox/examples/programming/clientevents/defaultcs.aspx

Notice following in JavaScript

        function onSelectedIndexChanged(sender, eventArgs) {
            var selectedItem = eventArgs.get_item();
            var selectedItemText = selectedItem != null ? selectedItem.get_text() : sender.get_text();

            logEvent("Index changed to Item '" + selectedItemText + "'");
        }

Open in new window


You can change it so that after getting the selecteditemtext, you can set it as the text of textbox.
0
 
Vikram Singh SainiSoftware Engineer cum AD DeveloperCommented:
Hi,

Add following line of code to ajaxify telerik controls:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadCombobox1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadCombobox1" LoadingPanelID="RadAjaxLoadingPanel1"/>
                    <telerik:AjaxUpdatedControl ControlID="Textbox1"/>
                </UpdatedControls>
            </telerik:AjaxSetting>           
        </AjaxSettings>
    </telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">
</telerik:RadAjaxLoadingPanel>

Open in new window

0
 
Amandeep Singh BhullarCommented:
This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: Python 3 Fundamentals

This course will teach participants about installing and configuring Python, syntax, importing, statements, types, strings, booleans, files, lists, tuples, comprehensions, functions, and classes.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now