EXT.NET_X.Js.Call方法

最新推荐文章于 2021-11-11 15:27:50 发布

原创最新推荐文章于 2021-11-11 15:27:50 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#button #脚本 #server #object #assembly #服务器

.NET 同时被 3 个专栏收录

59 篇文章

订阅专栏

ASP.NET / Web 开发

45 篇文章

订阅专栏

Ext.Net

5 篇文章

订阅专栏

本文介绍如何使用X.Js.Call方法从服务器端传递变量到客户端脚本中执行，通过示例展示了如何调用客户端函数并传递参数。

我们对在前台触发一个客户端事件，来操作界面元素，已经很熟悉，但这属于静态脚本范畴。往往有些时候，我们还需要动态脚本，也就是说，脚本在执行过程中需要的变量，是从服务器端获得的，那么X.Js.Call方法的作用，就是将服务器端变量传给客户端脚本，并执行脚本。

例子

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="AM.Web.Pages.Test" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!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">
        var myAlert = function() {
            alert("警告");
        }
        var myAlert2 = function(id, val) {
            var txtField = Ext.getCmp(id);
            txtField.setValue(val);
            alert(txtField.getValue());
        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <ext:ResourceManager ID="ResourceManager1" runat="server" />
    <ext:Button ID="Button1" runat="server" OnDirectClick="Button1_Click" Text="X.Js.Call一个参数的">
    </ext:Button>
    <ext:Button ID="Button2" runat="server" OnDirectClick="Button2_Click" Text="X.Js.Call两个参数的">
    </ext:Button>
    <ext:TextField ID="TextField1" runat="server" Text="">
    </ext:TextField>
    </form>
</body>
</html>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Ext.Net;

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

        }
        protected void Button1_Click(object sender, DirectEventArgs e)
        {
            X.Js.Call("myAlert");
        }
        protected void Button2_Click(object sender, DirectEventArgs e)
        {
            string[] paras = new string[] { this.TextField1.ClientID, "警告" };
            X.Js.Call("myAlert2", paras);
        }
    }
}