DevExpress控件使用交流,DevExpress中国社区 售前咨询
当前位置: 首页 > 新闻 » DevExpress如何创建ASP.NET向导界面

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

作者:huhm   来源:本站   浏览:Loading...次   发布时间:2012-05-04   评论:0条

本文将介绍在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控件中文网 [http://www.devexpresscn.com/]
本文地址:http://www.devexpresscn.com/news/DevExpress-news-83.html

关键字: ASP.NET  MVC  WebForms 

相关产品: DXperience ASP.NET Subscription

评论列表

暂无评论

请谈谈你的看法 请使用IE或者Firefox浏览器,暂不支持Chrome!

昵称 不填则默认为游客评论

DevExpress DXperience DXv2 v12

DevExpress DXperience 下载 download

DevExpress购买、价格、授权

慧都控件网为DevExpress界面控件的中国地区唯一正式授权经销商,正版控件销售公司,授权代理商,经销商及合作伙伴。

电话:400-700-1020
        023-66090381

邮箱:sales@evget.com

>>如何选择正规控件购买渠道