本文将介绍在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是.NET开发者的秘密武器。 最全面的专业界面控件套包,让你能够快速为应用程序实现酷炫的界面,开发效率提高70%。 现在就去下载
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
转载请注明:文章转载自:DevExpress控件中文网 [https://www.devexpresscn.com/]
本文地址:https://www.devexpresscn.com/post/183.html