现在的位置: 首页 > 综合 > 正文

Asp.net下使用Extjs进行提示

2013年10月10日 ⁄ 综合 ⁄ 共 1402字 ⁄ 字号 评论关闭

网页编程如果想要和用户进行交互,我知道的就是用alert() 这种方式有时候还好,感觉不太友好呀。但是Extjs的那个提示效果非常好,大家可以再进行扩展。

昨天晚上做了个例子,就是Asp.net从后台调用前台的js代码的。

代码如下所示:

 

<%@ 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>
     <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"/>
     <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
     <script type="text/javascript" src="extjs/ext-all.js"></script>
     <script type="text/javascript" src="extjs/src/locale/ext-lang-zh_CN.js"></script>
     <script type="text/javascript" src="Main.js">
        
         
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
    </div>
    </form>
</body>
</html>

js代码:

function ConfirmRelogin() {
    alert("dddd");
};

function hello() {
    Ext.onReady(function () {
        //alert("1111");
        Ext.MessageBox.alert("提示", "注销登录成功");
    });
};

后台代码:

using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        ClientScript.RegisterStartupScript(ClientScript.GetType(), "myscript", "<script>hello();</script>");

    }
}

 

 效果如下所示:

抱歉!评论已关闭.