ASP.NET2.0的multiview和wizard控件
日期：2007-01-11 11:21:53 点击：0 作者： 来源：
注意我们在每个view控件中，都放置了next,previous等按钮，以方便页面的导航。此外，可以对每个按钮的commandname属性进行设置，如下表
在这个例子中，我们都设置每个按钮的Command name属性为NextView或者PreView,最后我们的代码结构如下（具体代码见附件）：
运行我们的应用，首先出现的是第一步，要求填入个人信息，如下图：
点"Next"按钮，则进入下一个页面：
再点Next按钮，则同样进入第3个页面，最后的第4个页面如下，可以看到输出了用户之前各页面输入的信息：
为了在最后输出用户之前输入的信息，在第3个页面（view）的Finished按钮中的事件中，写入如下代码：
| Command | Name |
| NextView | 导航到下一个页面. |
| PrevView | 导航到前一个页面 |
| SwitchViewByID | 当command name属性设置为 SwitchViewByID时，必须设置Command Argument属性，比如CommandArgument="View1"表示当点该按钮时，跳转到ID为View1的页面中 |
在这个例子中，我们都设置每个按钮的Command name属性为NextView或者PreView,最后我们的代码结构如下（具体代码见附件）：
| ＜asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0"＞ ＜asp:View ID="View1" runat="server"＞ ... ＜/asp:View＞ ＜asp:View ID="View2" runat="server"＞ ... ＜/asp:View＞ ＜/asp:Multiview＞ |
运行我们的应用，首先出现的是第一步，要求填入个人信息，如下图：
!["点击放大此图片"]("http://dev.yesky.com/imagelist/2007/010/ces4mmq9xni0s.jpg") |
点"Next"按钮，则进入下一个页面：
!["点击放大此图片"]("http://dev.yesky.com/imagelist/2007/010/937bfhco51k6s.jpg") |
再点Next按钮，则同样进入第3个页面，最后的第4个页面如下，可以看到输出了用户之前各页面输入的信息：
!["点击放大此图片"]("http://dev.yesky.com/imagelist/2007/010/89rik75tx295s.jpg") |
为了在最后输出用户之前输入的信息，在第3个页面（view）的Finished按钮中的事件中，写入如下代码：
| Partial Class Survey Protected Sub btnFinish_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnFinish.Click lblFirstName.Text = txtFirstName.Text 数据挖掘研究院 lblLastName.Text = txtLastName.Text lblEmailId.Text = txtEmail.Text If rdoVB.Checked Then lblLanguage.Text = "VB" ElseIf rdoCSharp.Checked Then lblLanguage.Text = "C#" ElseIf rdoJava.Checked Then lblLanguage.Text = "Java" End If If rdoMicrosoft.Checked Then lblOrganization.Text = "Microsoft" ElseIf rdoSun.Checked Then lblOrganization.Text = "Sun Microsystems" ElseIf rdoIBM.Checked Then lblOrganization.Text = "IBM" End If End Sub |
