MessageTip使用方法:

方法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>


最后,生成 MessageTip 对象:

 <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>


你可以使用 MessageTip.Instances[MessageTip对象.id].Close() 或者 MessageTip.Instances.Get(MessageTip对象.id).Close() 来关闭消息的显示。

查看例子