方法1,从工具箱里面拖个 MessageTip 对象到aspx页面中,在属性编辑器里面选择一个 RequestDataUrl文件GetData.aspx(js不能跨域,因此要选择本网站的文件)。生成的代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register assembly="MengxianHui.WebControls" namespace="MengxianHui.WebUtil.WebControls" tagprefix="mxh" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<mxh:MessageTip ID="MessageTip1" runat="server"
RequestDataUrl="~/GetData.aspx" />
</form>
</body>
</html>
在浏览器中浏览器文件,就可以看到效果。另外还可以设置其他属性,参见 MessageTip 文档。
方法2,MessageTip 控件还可以采用代码的方式进行创建:
MengxianHui.WebUtil.WebControls.MessageTip messgeTip = new MengxianHui.WebUtil.WebControls.MessageTip();
messgeTip.RequestDataUrl = "~/GetData.aspx";
messgeTip.Position = MengxianHui.WebUtil.WebControls.MessageTip.MessagePosition.LeftTop;
messgeTip.Interval = 5000;
messgeTip.MessageTitle = "消息提示器";
this.form1.Controls.Add(messgeTip);
方法3:也可以通过Javascript来进行创建,进行自定义界面。首先在页面中引入 MessageTip 的定义:
<script type="text/javascript" src='<%=Page.ClientScript.GetWebResourceUrl(typeof(MengxianHui.WebUtil.WebControls.MessageTip), "MengxianHui.WebUtil.WebControls.MessageTip.js")%>'></script>
<!-- 外层 div 是整个消息框的容器,外形可以自定义。 -->
<div id="_MessageBox" style="position: absolute; border: 1px solid red;width:200px;height:200px;display:none;" onclick="MessageTip.Instances.Get(this.id).Close()">
<div id="Content_MessageBox">用来显示内容的地方</div>
</div>
<script type="text/javascript">
new MessageTip("_MessageBox", "GetData.aspx", 2000, "RightBottom");
</script>
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src='<%=Page.ClientScript.GetWebResourceUrl(typeof(MengxianHui.WebUtil.WebControls.MessageTip), "MengxianHui.WebUtil.WebControls.MessageTip.js")%>'></script>
</head>
<body>
<form id="form1" runat="server">
<!-- 外层 div 是整个消息框的容器,外形可以自定义。 -->
<div id="_MessageBox" style="position: absolute; border: 1px solid red; width: 200px;
height: 200px; display: none;" onclick="MessageTip.Instances.Get(this.id).Close()">
<div id="Content_MessageBox">
用来显示内容的地方</div>
</div>
<script type="text/javascript">
new MessageTip("_MessageBox", "GetData.aspx", 2000, "RightBottom");
</script>
</form>
</body>
</html>