如何在 ASP.NET MVC 和 WebForms 中创建 ASP.NET 向导界面

引言

查看这个 Code Central 的示例，了解如何使用 DevExpress ASP.NET 控件在 ASP.NET 中创建向导界面。首先，让我们看看它是什么样子的

很酷，对吧？而且它适用于 ASP.NET MVC 和 WebForms！在这里查看 Code Central 解决方案：

• ASP.NET WebForms - 如何在 ASPxPageControl 中组织向导界面
• ASP.NET MVC - 如何在 PageControl 扩展中组织向导界面
• 通过观看这个技巧视频，了解如何使用 Code Central

它是如何工作的？

这个向导界面是一个很好的示例，因为它使用了 DXperience ASP.NET 订阅 中的几个控件

• ASPxPageControl、ASPxPopupControl、ASPxMenu（ASPxperience 的一部分）
• ASPxCheckBox、ASPxLabel、ASPxTextBox、ASPxDateEdit、ASPxComboBox、ASPxButton、ASPxValidationSummary（ASPxEditors 的一部分）

在这个示例的核心，ASPxPageControl 控件控制着视图，直到最终用户可以前进到下一个视图。DevExpress ASP.NET 编辑器将确保在最终用户可以前进之前进行验证。

AJAX 回调万岁！

DevExpress ASP.NET 控件内置了 AJAX 回调，因此没有整个页面的刷新。而且客户端 API 使执行诸如显示弹出控件之类的操作变得无缝。例如，这是用于最终“完成”按钮的代码，该按钮显示包含先前视图/屏幕中输入的信息的弹出窗口

function OnFinishClick(s, e) {
    if (ASPxClientEdit.ValidateGroup('groupTabContact')) {
        var str = '<b>Personal Info:</b><br />' + txtFirstName.GetValue() + '<br />' + txtLastName.GetValue() + '<hr />';
        str += '<b>Date Info:</b><br />' + getShortDate(deAnyDate.GetValue().toString()) + '<br />' + cbStates.GetValue() + '<hr />';
        str += '<b>Contact Info:</b><br />' + txtEmail.GetValue() + '<br />' + txtZipcode.GetValue() + '<hr />';
        popupControl.SetContentHtml(str);
        popupControl.ShowAtElement(pageControl.GetMainElement());
    }
}

今天就尝试一下 ASP.NET MVC 和 WebForms 的向导示例，然后将它们合并到您的 ASP.NET 网站中。谢谢！

DXperience 是什么？

DXperience 是 .NET 开发人员的秘密武器。完全访问一套专业的组件，让您可以立即在应用程序中添加新功能、设计风格和快速性能。立即免费试用 DXperience 的完整功能版本：http://www.devexpress.com/Downloads/NET/