← 返回所有博客文章

ASP.NET Wijmo的C1Dialog控件可以创建对话框窗口。这种特殊类型的对话窗口可以在客户端创建,或者在服务器端显示信息,并接收来自用户的输入。

此示例展示了默认的 C1Dialog 控件, 它可以显示错误、说明等信息。这个对话窗口可以被移动,重新设置大小,用'X'图标关闭。

添加C1Dialog控件到页面

设置对话框

使用C1Dialog.Title设置对话框的标题。

使用C1Dialog.Content标签设置对话框的内容,它可以显示错误、说明等信息。

代码如下

<cc1:C1Dialog ID="dialog" runat="server" Width="550px" Height="240px" Title="概览">
    <Content>
        <h2>对话框</h2>
    </Content>
</cc1:C1Dialog>

 

在页面添加两个按钮显示对话框和隐藏对话框。代码如下:

<input type="button" value="隐藏对话框" onclick="$('#<%=dialog.ClientID%>').c1dialog('close')" /> 
  
<input type="button" value="显示对话框" onclick="$('#<%=dialog.ClientID%>').c1dialog('open')" />

 

页面加载后,会显示如下页面。当点击隐藏按钮,对话框被隐藏。点击显示对话框按钮,对话框出现。

C1Dialog

本文Demo的源代码如下:

C1Dialog-overview.7z (3.85 mb)