Reader Level:
ARTICLE

Window in SilverLight 5 Via WCF Service

Posted by Vijay Prativadi Articles | Silverlight with C# March 31, 2012
Today, in this article let’s concentrate on another SilverLight application, whereby communicating with a WCF Service to perform some operation.
  • 0
  • 0
  • 4689

Introduction

Today, in this article let's concentrate on another SilverLight application, whereby communicating with a WCF Service to perform some operation.
 
Question: What is Window?
 
In simple terms SilverLight 5 applications enable us to create native windows which can run outside of the browser. Let's get this implemented practically for a better idea of this.

Step 1: The complete code of the IService1.cs looks like this. 

using System;

using System.Collections.Generic;

using System.Linq;

using System.Runtime.Serialization;

using System.ServiceModel;

using System.ServiceModel.Web;

using System.Text;

 

namespace WCF_Window_SL

{

    // NOTE: You can use the "Rename" command on the "Refactor" menu to change the interface name "IService1" in both code and config file together.

    [ServiceContract]

    public interface IService1

    {

        [OperationContract]

        double add(double a, double b);

 

        [OperationContract]

        double sub(double a, double b);

 

        [OperationContract]

        double mul(double a, double b);

 

        [OperationContract]

        double div(double a, double b);

    }

}

 

Step 2: The complete code of the Service1.svc.cs looks like this.

 

using System.ServiceModel.Web;

using System.Text;

 

namespace WCF_Window_SL

{

    // NOTE: You can use the "Rename" command on the "Refactor" menu to change the class name "Service1" in code, svc and config file together.

    public class Service1 : IService1

    {

        public double add(double a, double b)

        {

            return a + b;

        }

        public double sub(double a, double b)

        {

            return a - b;

        }

        public double mul(double a, double b)

        {

            return a * b;

        }

        public double div(double a, double b)

        {

            return a / b;

        }

    }

}

 

Step 3: The complete code of the Web.Config looks like this.

 

<?xml version="1.0"?>

<configuration>

  <system.web>

    <compilation debug="true" targetFramework="4.0" />

  </system.web>

  <system.serviceModel>

    <behaviors>

      <serviceBehaviors>

        <behavior>

          <!-- To avoid disclosing metadata information, set the value below to false and remove the metadata endpoint above before deployment -->

          <serviceMetadata httpGetEnabled="true"/>

          <!-- To receive exception details in faults for debugging purposes, set the value below to true.  Set to false before deployment to avoid disclosing exception information -->

          <serviceDebug includeExceptionDetailInFaults="false"/>

        </behavior>

      </serviceBehaviors>

    </behaviors>

    <serviceHostingEnvironment multipleSiteBindingsEnabled="true" />

  </system.serviceModel>

  <system.webServer>

    <modules runAllManagedModulesForAllRequests="true"/>

  </system.webServer>

</configuration>

 

Step 4: The complete code of the Clientaccesspolicy.xml looks like this (to avoid cross domain problem in SilverLight).

 

<?xml version="1.0" encoding="utf-8"?>

<access-policy>

  <cross-domain-access>

    <policy>

      <allow-from http-request-headers="SOAPAction">

        <domain uri="*"/>

      </allow-from>

      <grant-to>

        <resource path="/" include-subpaths="true"/>

      </grant-to>

    </policy>

  </cross-domain-access>

</access-policy>

 

Step 5: The complete code of the ArthmeticWindow.xaml (UserControl) looks like this.

 

<UserControl x:Class="Silverlight_Window_Application.ArthmeticWindow"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="d"

    d:DesignHeight="300" d:DesignWidth="400">

 

    <Grid x:Name="LayoutRoot" Background="White" Width="392">

 

        <Button Content="X"

                Height="23"

                HorizontalAlignment="Left"

                Background="Red"

                Margin="362,0,0,0"

                Name="btnClose"

                VerticalAlignment="Top"

                Width="26"

                Click="btnClose_Click"/>

 

        <Border BorderBrush="Silver"

                BorderThickness="3"

                Height="78"

                HorizontalAlignment="Left"

                Margin="12,109,0,0"

                Name="border1"

                VerticalAlignment="Top"

                Width="368">

 

            <TextBlock Foreground="DeepSkyBlue"

                       FontWeight="Bold" 

                       FontFamily="Gabriola"

                       Typography.StylisticSet7="True"

                       FontSize="25"

                       Width="276"

                       Height="52"

                       Name="txtResult"/>

        </Border>

 

        <TextBlock Height="23"

                   HorizontalAlignment="Left"

                   Margin="18,28,0,0"

                   Name="textBlock1"

                   Text="Please Enter First Number"

                   FontFamily="Verdana"

                   FontSize="15"

                   VerticalAlignment="Top" />

 

        <TextBlock Height="23"

                   HorizontalAlignment="Left"

                   Margin="18,81,0,0"

                   Name="textBlock2"

                   Text="Please Enter Second Number: "

                   FontFamily="Verdana"

                   FontSize="15"

                   VerticalAlignment="Top" />

 

        <TextBox Height="23"

                 HorizontalAlignment="Right"

                 Margin="0,28,4,0"

                 Name="textBox1"

                 VerticalAlignment="Top"

                 Width="120" />

 

        <TextBox Height="23"

                 HorizontalAlignment="Left"

                 Margin="268,80,0,0"

                 Name="textBox2"

                 VerticalAlignment="Top"

                 Width="120" />

 

        <Button Content="Addition"

                FontFamily="Verdana"

                FontSize="15"

                Background="DeepSkyBlue"

                Height="23"

                HorizontalAlignment="Left"

                Margin="12,207,0,0"

                Name="button1"

                VerticalAlignment="Top"

                Width="122"

                Click="button1_Click"/>

 

        <Button Background="DeepSkyBlue"

                Content="Subtraction"

                FontFamily="Verdana"

                FontSize="15"

                Height="23"

                HorizontalAlignment="Left"

                Margin="258,207,0,0"

                Name="button2"

                VerticalAlignment="Top"

                Width="122"

                Click="button2_Click"/>

 

        <Button Background="DeepSkyBlue"

                Content="Multiplication"

                FontFamily="Verdana"

                FontSize="15"

                Height="23"

                HorizontalAlignment="Left"

                Margin="58,265,0,0"

                Name="button3"

                VerticalAlignment="Top"

                Width="122"

                Click="button3_Click"/>

 

        <Button Background="DeepSkyBlue"

                Content="Division"

                FontFamily="Verdana"

                FontSize="15"

                Height="23"

                HorizontalAlignment="Left"

                Margin="221,265,0,0"

                Name="button4"

                VerticalAlignment="Top"

                Width="122"

                Click="button4_Click"/>

    </Grid>

</UserControl>

 

Step 6: The complete code of the ArthmeticWindow.xaml.cs (UserControl) looks like this.
 

using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

using Silverlight_Window_Application.ServiceReference1;

 

namespace Silverlight_Window_Application

{

    public partial class ArthmeticWindow : UserControl

    {

        public ArthmeticWindow()

        {

            InitializeComponent();

            border1.Visibility = System.Windows.Visibility.Collapsed;

        }

        public void btnClose_Click(object sender, RoutedEventArgs e)

        {

            obj.Close();

        }

        private void add_Call(object sender, addCompletedEventArgs e)

        {

            txtResult.Text = "Addition Result is:  " + e.Result.ToString();

            border1.Visibility = System.Windows.Visibility.Visible;

        }

        private void button1_Click(object sender, RoutedEventArgs e)

        {

            border1.Visibility = System.Windows.Visibility.Collapsed;

            if (string.IsNullOrEmpty(textBox1.Text) || string.IsNullOrEmpty(textBox2.Text))

            {

                MessageBox.Show("Please Enter Some Values", "SilverLight 5 - Window via WCF", MessageBoxButton.OKCancel);

            }

            else

            {

                objClient.addCompleted += new EventHandler<addCompletedEventArgs>(add_Call);

                objClient.addAsync(Convert.ToDouble(textBox1.Text), Convert.ToDouble(textBox2.Text));

                textBox1.Text = "";

                textBox2.Text = "";

            }

        }

        private void sub_Call(object sender, subCompletedEventArgs e)

        {

            txtResult.Text = "Subtraction Result is:  " + e.Result.ToString();

            border1.Visibility = System.Windows.Visibility.Visible;

        }

        private void button2_Click(object sender, RoutedEventArgs e)

        {

            border1.Visibility = System.Windows.Visibility.Collapsed;

            if (string.IsNullOrEmpty(textBox1.Text) || string.IsNullOrEmpty(textBox2.Text))

            {

                MessageBox.Show("Please Enter Some Values", "SilverLight 5 - Window via WCF", MessageBoxButton.OKCancel);

            }

            else

            {

                objClient.subCompleted += new EventHandler<subCompletedEventArgs>(sub_Call);

                objClient.subAsync(Convert.ToDouble(textBox1.Text), Convert.ToDouble(textBox2.Text));

                textBox1.Text = "";

                textBox2.Text = "";

            }

        }

 

        private void mul_Call(object sender, mulCompletedEventArgs e)

        {

            txtResult.Text = "Multiplication Result is:  " + e.Result.ToString();

            border1.Visibility = System.Windows.Visibility.Visible;

        }

 

        private void button3_Click(object sender, RoutedEventArgs e)

        {

            border1.Visibility = System.Windows.Visibility.Collapsed;

            if (string.IsNullOrEmpty(textBox1.Text) || string.IsNullOrEmpty(textBox2.Text))

            {

                MessageBox.Show("Please Enter Some Values", "SilverLight 5 - Window via WCF", MessageBoxButton.OKCancel);

            }

            else

            {

                objClient.mulCompleted += new EventHandler<mulCompletedEventArgs>(mul_Call);

                objClient.mulAsync(Convert.ToDouble(textBox1.Text), Convert.ToDouble(textBox2.Text));

                textBox1.Text = "";

                textBox2.Text = "";

            }

        }

        private void div_Call(object sender, divCompletedEventArgs e)

        {

            txtResult.Text = "Division Result is:  " + e.Result.ToString();

            border1.Visibility = System.Windows.Visibility.Visible;

        }

        private void button4_Click(object sender, RoutedEventArgs e)

        {

            border1.Visibility = System.Windows.Visibility.Collapsed;

            if (string.IsNullOrEmpty(textBox1.Text) || string.IsNullOrEmpty(textBox2.Text))

            {

                MessageBox.Show("Please Enter Some Values", "SilverLight 5 - Window via WCF", MessageBoxButton.OKCancel);

            }

            else

            {

                objClient.divCompleted += new EventHandler<divCompletedEventArgs>(div_Call);

                objClient.divAsync(Convert.ToDouble(textBox1.Text), Convert.ToDouble(textBox2.Text));

                textBox1.Text = "";

                textBox2.Text = "";

            }

        }

        #region Instance Varibles

        Service1Client objClient = new Service1Client();

        Window obj = new Window();

        #endregion

    }

}

 

Step 7: The complete code of the MainPage.xaml looks like this.

 

<UserControl x:Class="Silverlight_Window_Application.MainPage"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="d"

    d:DesignHeight="300" d:DesignWidth="389">

 

    <Grid x:Name="LayoutRoot" Background="White" Width="392">

 

        <Button Content="Click To Perform Arthmetic"

                FontFamily="Gabriola"

                FontWeight="Bold"

                FontSize="22"

                Height="67"

                HorizontalAlignment="Right"

                Margin="0,108,89,0"

                Name="button1"

                VerticalAlignment="Top"

                Width="206"

                Background="DeepSkyBlue"

                Click="button1_Click"

                Typography.StylisticSet7="True"/>

    </Grid>

</UserControl>

 

Step 8: The complete code of the MainPage.xaml.cs looks like this.
 

using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

 

namespace Silverlight_Window_Application

{

    public partial class MainPage : UserControl

    {

        public MainPage()

        {

            InitializeComponent();

        }

 

        private void button1_Click(object sender, RoutedEventArgs e)

        {

            Window obj_Window = new Window();

            obj_Window.Width = 500;

            obj_Window.Height = 350;

            obj_Window.Title = "Arthimetic New Window SL 5 via WCF";

            obj_Window.Content = new ArthmeticWindow();

            obj_Window.Visibility = System.Windows.Visibility.Visible;

        }

 

    }

}

 

Step 9: Before you rebuild and run the application.


Window1.png 


Go To Properties of SilverLight Application.

 

Select the CheckBox, Enable running application out of browser.


img2.gif

 

Then, click on Out of Browser Setting - Button.

 

Select the CheckBox, Require Elevated trust when running the application outside of the browser.


Window3.png

 

Step 10: The output of the application looks like this.


Window4.png

 

Step 11: The output of the Arithmetic Window Application looks like this.


Window5.png

 

Step 12: The output of the Nothing Entered Application looks like this.


Window6.png

Step 13: The output of the Addition Operation Application looks like this.


Window7.png

Window8.png

I hope this article is useful for you. I look forward to your comments and feedback.

COMMENT USING

Trending up