Silverlight子窗口(ChildWindow)传递参数到父窗口演示

 

在企业级项目中，子窗口(ChildWindow)是一个常用控件，其展示方式是以弹出窗口来显示信息。 这里我将演示，子窗口传递参数到父窗口的方法。由于我的开发环境都是英文环境，所以部分中文可能显示不正常，请大家见谅。

 

我们的目的是希望用户在子窗口输入一串文字，然后点击提交后，字符串将被返回显示在父窗口。 

 

1. 首先创建一个新项目 “SLChildWindow",

 

 

2. 然后在新项目中,右键点击添加，添加一个新项目，选择“子窗口”（ChildWindow), 改名为"ChildWindowDemo.xaml",添加完成后，在子窗口中添加一个文本框，名为 txtUserInfo,

  

 

 

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->  1 < controls:ChildWindow  x:Class ="SLChildWindow.ChildWindowDemo"
 2            xmlns ="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
 3            xmlns:x ="http://schemas.microsoft.com/winfx/2006/xaml"  
 4            xmlns:controls ="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"
 5            Width ="400"  Height ="300"  
 6            Title ="ChildWindowDemo" >
 7      < Grid  x:Name ="LayoutRoot"  Margin ="2" >
 8          < Grid.RowDefinitions >
 9              < RowDefinition  />
10              < RowDefinition  Height ="Auto"   />
11          </ Grid.RowDefinitions >
12
13          < TextBox  x:Name ="txtUserInfor"  Grid.Row ="0"   />
14
15          < Button  x:Name ="CancelButton"  Content ="Cancel"  Click ="CancelButton_Click"  Width ="75"  Height ="23"  HorizontalAlignment ="Right"  Margin ="0,12,0,0"  Grid.Row ="1"   />
16          < Button  x:Name ="OKButton"  Content ="OK"  Click ="OKButton_Click"  Width ="75"  Height ="23"  HorizontalAlignment ="Right"  Margin ="0,12,79,0"  Grid.Row ="1"   />
17      </ Grid >
18 </ controls:ChildWindow >

 

 

3. 在子窗口后台代码中创建一个字符串类型的属性，该属性将用来保存用户输入的字符串，

 

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->  1          string  testString;
 2
 3          public   string  TestString
 4
 5          {
 6
 7            get {return testString;}
 8
 9            set { testString = value; }
10
11        }  
12

 

 

4. 在子窗口中，建立一个EventHandler，父窗口将用该事件控制器获取子窗口参数，

 

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--> 1 public   event  EventHandler OkClicked;

 

5. 当前，在子窗口有两个按钮，一个是Ok按钮，一个是Cancel按钮，后台有两个按钮事件OKButton_Click，CancelButton_Click； 在OKButton_Click中调用前面我们定义的时间控制器OkClicked，

 

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--> 1          private   void  OKButton_Click( object  sender, RoutedEventArgs e)
2          {
3            if (OkClicked != null)
4            {
5                TestString = txtUserInfor.Text;
6                OkClicked(this, new EventArgs());
7            }
8            this.DialogResult = true;
9        }

 

 

6. 在父窗口MainPage.xaml中建立一个子窗口的实例，方便父窗口调用子窗口，

 

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--> private  ChildWindowDemo childWindowDemo  =   new  ChildWindowDemo();

 

 

7. 在父窗口MainPage.xaml中调用子窗口的OkClicked事件，

 

 

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->  1          public  MainPage()
 2          {
 3            InitializeComponent();
 4            childWindowDemo.OkClicked += new EventHandler(childWindowDemo_OkClicked);
 5        }
 6
 7          private   void  childWindowDemo_OkClicked( object  sender, EventArgs e)
 8          {
 9            tbInfo.Text = childWindowDemo.TestString;
10        }
11
12          private   void  btPopup_Click( object  sender, RoutedEventArgs e)
13          {
14            childWindowDemo.Show();
15        }
16

 

8. 最后通过子窗口属性获取子窗口用户输入信息。 

 

实例演示:  http://silverlightchina.net/html/tips/2009/1125/261.html

代码下载:  http://silverlightchina.net/uploads/soft/091125/1-091125163035.zip