zoukankan      html  css  js  c++  java
  • Ext.Net\ExtJs弹出消息Alert、MessageBox、Confirm使用详解

    一、Alert用法

     1.在前台JS我们常常用到alert()弹出提示信息。

     2.同样ext.net中也提供了X.Msg.Alert()用法如下:

       Ext.Net.X.Msg.Alert("提示信息","提示内容!").Show();

    他们有着本质的区别是:

     1.js自带的alert在调用时下面的代码无法执行。

     2.ext带的Alert在调用时继续执行Alert下面的代码。这个特性最早不知道的时候还真没少折腾.

     3.ext的Alert也可以实现不执行下面代码,确定后执行。用的是回调函数。实现方法如下:

       Ext.Net.X.Msg.Alert("提示信息","提示内容!","#{DirectMethods}.BackMethod();Show();//BackMethod是方法名称

    方法如下:

    [DirectMethod()]
     public void BackMethod()

    {

        X.Msg.Alert("我是回调的哦!").Show();

    }

     X.Msg另一种用法cs代码:MessageBoxConfig配置显示按钮

    X.Msg.Show(new MessageBoxConfig
                {
                    Title = title,
                    Message = message,
                    Buttons = MessageBox.Button.OK,//这里的按钮有很多种
                    Icon = MessageBox.Icon.INFO
                });

    二、下面是Confirm的用法:

    实例,下面是官方例子:
    前台.aspx文件中
    复制代码 代码如下:
    <%@ Page Language="C#" %>
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <script runat="server">
    [DirectMethod]
    public void DoConfirm()
    {
    X.Msg.Confirm("Message", "Confirm?", new MessageBoxButtonsConfig
    {
    Yes = new MessageBoxButtonConfig
    {
    Handler = "CompanyX.DoYes()",
    Text = "Yes Please"
    },
    No = new MessageBoxButtonConfig
    {
    Handler = "CompanyX.DoNo()",
    Text = "No Thanks"
    }
    }).Show();
    }
    [DirectMethod]
    public void DoYes()
    {
      this.Label1.Text = "YES";
    }
    [DirectMethod]
    public void DoNo()
    {
      this.Label1.Text = "NO";
    }
    </script>
    <!DOCTYPE html>
    <html>
    <head runat="server">
    <title>Confirm MessageBox with ButtonsConfig - Ext.NET Examples</title>
    <link href="/resources/css/examples.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <ext:ResourceManager runat="server" DirectMethodNamespace="CompanyX" />
    <form runat="server">
    <p>
    <ext:Button runat="server" Text="Confirm" Icon="Error">
    <Listeners>
    <Click Handler="CompanyX.DoConfirm()" />
    </Listeners>
    </ext:Button>
    </p>
    </form>
    </body>
    </html>

    分别写两个函数,判断执行那个。每个函数都要在前面标记【DirectMethod】。感觉好复杂。后来找了下按钮的事件,发现了个简单的方法。
    .aspx文件body中的代码如下:
    复制代码 代码如下:
    <body>
    <ext:ResourceManager runat="server" DirectMethodNamespace="CompanyX" />
    <form runat="server">
    <p>
    <ext:Button runat="server" Text="Confirm" Icon="Error">
     <DirectEvents>
      <Click OnEvent="Confirm">
        <Confirmation ConfirmRequest="true" Title="提示" Message="您确定要删除么?" />
       </Click>
     </DirectEvents>
    </ext:Button>
    </p>
    </form>
    </body>

    其实,可以直接在按钮中写,作用是在执行后台Confirm事件的时候,先弹出MessageBox框,上面两个按钮,确定和取消。如果选确定,才执行后台事件,否则就不会跳转到后台。这个方法很好的解决了简单的提示框功能。
    后台的Confirm事件代码:
    复制代码 代码如下:
    protected void Confirm(object sender, DirectEventArgs e)
    {
    X.Msg.Alert("点击提示", "您点击了确定,执行的是后台事件!").Show();
    }

  • 相关阅读:
    课程设计之第二次冲刺----第十天
    课程设计之第二次冲刺----第九天
    课程设计之第二次冲刺----第八天
    课程设计之第二次冲刺----第七天
    课程设计之第二次冲刺----第6天
    课程设计之第二次冲刺----第五天
    课程设计之第二次冲刺----第四天
    课程设计之第二次冲刺----第三天
    课程设计之第二次冲刺----第二天
    第一个sprint与第二个sprint阶段总结
  • 原文地址:https://www.cnblogs.com/spring_wang/p/3081196.html
Copyright © 2011-2022 走看看