DevExpress如何创建ASP.NET向导界面

本文将介绍在ASP.NET MVC和WebForms中如何创建ASP.NET向导界面。首先看一下实现后的样子：

很酷吧？而且它在ASP.NET MVC和WebForms平台中都适用！点击下面的链接查看解决方案中心源码：

• ASP.NET WebForms - How to organize Wizard interface within ASPxPageControl
• ASP.NET MVC - How to organize Wizard interface within PageControl Extension
• Learn how use Code Central by watching this tips video

它是如何实现的呢？

向导界面是一个非常好的例子，因为它用到了很多DXperience ASP.NET subscription中的控件:

• ASPxPageControl, ASPxPopupControl, ASPxMenu (ASPxperience的一部分)
• ASPxCheckBox, ASPxLabel, ASPxTextBox, ASPxDateEdit, ASPxComboBox, ASPxButton, ASPxValidationSummary (ASPxEditors的一部分)

这个例子的核心是ASPxPageControl可以在最终用户前进到下一个视图之前控制视图。DevExpress ASP.NET编辑器可在最终用户前进时进行安全验证。

AJAX 回调 FTW!

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开发者的秘密武器。 最全面的专业界面控件套包，让你能够快速为应用程序实现酷炫的界面，开发效率提高70%。 现在就去下载