对话框的概述

对话的一部分Telerik UI for ASP。网络核心，一个具有 110+ 组件的专业级UI库，用于构建现代和功能丰富的 应用程序。想要试用它，可以注册一个30天的免费试用期。

下载免费试用

Telerik UI Dialog TagHelper和HtmlHelper。网络核心are server-side wrappers for the Kendo UI Dialog widget.

对话框是一个为用户提供信息的模态弹出窗口。它还通过操作按钮提供操作，以提示用户输入或要求作出决定。组件还可以包含需要用户关注的更复杂的UI元素。的子集jQuery窗口的剑道UI其中最突出的区别是添加了操作和预定义对话框的功能。

• Dialog HtmlHelper的演示页面

• Dialog TagHelper的演示页面

初始化对话框

对话框通常是用户操作的结果，而不是控件的结果负载页面的事件。基本上，您可以将小部件初始化为不可见的，并在需要时打开它。

下面的示例演示如何定义Dialog。

@(Html.Kendo(). dialog (). name ("dialog") //必须输入对话框的名称。. title ("Software Update")//设置对话框的标题。. content("你同意条款和条件吗?")//定义对话框的内容。. visible (false) //小部件将初始化为不可见。)

 对话内容 

基本配置

对话框提供了可在初始化期间设置的默认配置选项，如高度和宽度、自定义操作按钮、标题和关闭按钮，动画效果和持续时间等等。

下面的示例演示了Dialog的基本配置。

@(Html.Kendo(). dialog (). name ("dialog") . title ("Software Update") . content("你同意条款和条件吗?"). width(400) //设置对话框的宽度。. modal (false) //禁用对话框的模式。. buttonlayout("拉伸")//为动作按钮设置"拉伸"布局。. actions (actions => {actions. add (). text ("NO");//设置第一个按钮的文本actions.Add()。text(“是的”).Primary(真正的);//设置第二个按钮的文本并将其定义为primary。}))