Refresh Another Screen in LightSwitch 2012

This article shows how to refresh another screen in a LightSwitch Application (Visual C#) in Visual Studio 2012.

The following is the procedure for refreshing another screen in LightSwitch 2012.

Step 1

Open the Solution Explorer.



Step 2

In the Solution Explorer, right-click on "Screens" and choose "Add Screen...".



Step 3

The Add New Screen dialog box appears. Select the "New Data Screen" from the Screen Template, under screen information, choose "None" under screen data and provide a name to the Screen and click the "OK" button.



The Screen Designer appears.



Step 4

In the same manner we are going to add another screen. But this time we will add an "Editable Grid Screen".



The Screen Designer appears.



Step 5

Open the Screen Designer for Create New Screen and add a button.



The Add Button dialog box appears on the screen.



Now the screen designer contains a button.

Step 6

Right-click on that button and and select the "_Execute" method.



The code designer appears.

using System;

using System.Linq;

using System.IO;

using System.IO.IsolatedStorage;

using System.Collections.Generic;

using Microsoft.LightSwitch;

using Microsoft.LightSwitch.Framework.Client;

using Microsoft.LightSwitch.Presentation;

using Microsoft.LightSwitch.Presentation.Extensions;

using Microsoft.LightSwitch.Client;

namespace LightSwitchApplication

{

    public partial class CreateNew

    {

        partial void RefreshScreen_Execute()

        {

            // Write your code here.

            RefreshScreenClass.RefreshSrc<EditableGrid>(Application.ActiveScreens);

        }

    }

    public static class RefreshScreenClass

    {

        public static void RefreshSrc<R>(this IList<IActiveScreen> screenList) where R : IScreenObject

        {

            var src = screenList.Where((x) => x.Screen is R); // Here screenList contain the list of Active Screen

 

            foreach (var s in src)

            {

                var screen = (R)s.Screen;

 

                screen.Details.Dispatcher.BeginInvoke(() =>

                {

                    screen.Refresh(); //It refreshes the Screen

                });

            }

        }

    }

}

In the "execute()" Method, a static method called RefreshSrc is called, that is defined in the RefreshScreen class.

In order to refresh the EditableGrid screen, I have ed the EditableGrid in the angular brackets. 

Step 7

Press F5 to run the application.



Click on the refresh button. This will refresh the Editable Grid Screen.