New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Load Content Via WCF Service

RadNotification can be configured to perform a WCF Service ajax call to update its content, which in general leads to an improved performance. In order to enable this, you should set the WcfRequestMethod, WcfMethodPath and the WcfMethodName properties of the control.

The following steps describe how to configure RadXmlHttpPanel so that it can use a WCF service to update its:

  1. In the properties pane for the RadXmlHttpPanelcomponent, set the WcfRequestMethod, WcfMethodPath and the WcfMethodName properties to identify the Web service:

    • WcfRequestMethod - Gets or sets the request method for WCF Service used to populate content GET, POST, PUT, DELETE.
    • WcfServicePath - Gets or sets a string value that indicates the virtual path of the WCF Service used by the RadXmlHttpPanel.
    • WcfServiceMethod - Gets or sets a string value that indicates the WCF Service method used by the RadXmlHttpPanel.
  2. Setting the Value property of RadNotification depends on the WcfRequestMethod property value. In both cases CustomerID is the name of the parameter in the Wcf Service method.In both cases country is the name of the parameter in the WcfRequestMethod method :

    • If WcfRequestMethod = “POST” the Value property should be set to '{"CustomerID":"value"}'.
    • If WcfRequestMethod = “GET” the Value property should be set to 'CustomerID=value'.


    <telerik:RadNotification RenderMode="Lightweight" ID="RadNotification1" runat="server" LoadContentOn="EveryShow"
  3. Define the Contracts of the WCF Service in an interface:


    public interface IXmlHttpPanelWcfService
        [WebInvoke(Method = "POST", BodyStyle = WebMessageBodyStyle.Wrapped,
        ResponseFormat = WebMessageFormat.Json)]
        string GetCustomerByID(string CustomerID);


    <ServiceContract()> _
    Public Interface IXmlHttpPanelWcfService
        <OperationContract()> _
        <WebInvoke(Method:="POST", BodyStyle:=WebMessageBodyStyle.Wrapped, ResponseFormat:=WebMessageFormat.Json)> _
        Function GetCustomerByID(ByVal CustomerID As String) As String
    End Interface
  4. Implement the contract in the WCF Service class:


    [AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
    public class XmlHttpPanelWcfService : IXmlHttpPanelWcfService
        public string GetCustomerByID(string CustomerID)
            return "The content of the notification";


    <AspNetCompatibilityRequirements(RequirementsMode:=AspNetCompatibilityRequirementsMode.Allowed)> _
    Public Class XmlHttpPanelWcfService
        Implements IXmlHttpPanelWcfService
        Public Function GetCustomersByCountry(ByVal country As String) As String
            Return "The content of XmlHttpPanel"
        End Function
    End Class
  5. Define the configuration in web.config:


                    <behavior name="XmlHttpPanelWcfBehavior">
                        <serviceMetadata httpGetEnabled="true" />
                        <serviceDebug includeExceptionDetailInFaults="true" />
                    <behavior name="XmlHttpPanelWcfBehavior">
                        <webHttp />
                <service behaviorConfiguration="XmlHttpPanelWcfBehavior" name="XmlHttpPanelWcfService">
                    <endpoint address="" binding="webHttpBinding" contract="IXmlHttpPanelWcfService" behaviorConfiguration="XmlHttpPanelWcfBehavior"/>
  6. Optionally, set the OnClientUpdating property to a client-side event handler that handles the response of the WCF Service.


    function OnClientUpdating (sender, args)
        //The actual result data is in the [WcfServiceMethod]Result property of the content object.
        var data = args.get_content().GetCustomersByCountryResult,
  7. Optionally, set the OnClientUpdated and OnClientUpdateError properties to client-side event handlers that respond when the WVF Service has successfully updated the panel’s content or when the WCF Service has generated an error while trying to service the item request, respectively.


    function OnClientUpdated (sender, args)
    //Fired when the request for the items fails.
    function OnClientUpdateError (sender, args)
        // Disable the notifing error alert.
In this article