DevExpress控件使用交流,DevExpress中国社区Dev联系电话 联系电话:023-68661681

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

来源:本站   发布时间:2012-05-04   浏览:3563次

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

DevExpress ASP.NET Wizard

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

它是如何实现的呢?

向导界面是一个非常好的例子,因为它用到了很多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%。 现在就去下载

本站文章除注明转载外,均为本站原创或翻译
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
转载请注明:文章转载自:DevExpress控件中文网 [https://www.devexpresscn.com/]
本文地址:https://www.devexpresscn.com/post/183.html
在线
客服
微信
QQ 电话
023-68661681
返回
顶部