EXT.NET_X.Js.Call方法

原创 2011年07月19日 15:07:11

我们对在前台触发一个客户端事件,来操作界面元素,已经很熟悉,但这属于静态脚本范畴。往往有些时候,我们还需要动态脚本,也就是说,脚本在执行过程中需要的变量,是从服务器端获得的,那么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);
        }
    }
}

说明

1,Button2将服务器端变量传给脚本方法“myAlert2”,脚本根据这个值设置页面控件,并显示。


相关文章推荐

[Ext.Net]1.X _德仔铁观音学习笔记整理

1 .配置及简单布局 2.常用组件介绍      2.1 Dropdownlist结合TreePanel (checkbox)      2.2 模拟进度条      2.3 上传文件      2....

一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之创建Viewport(1)

忙活了那么久,终于进入正题,Ext JS MVC开发。开始前,先说说4.1.1的一点点变化。在4.1的时候,要先创建一个扩展于Ext.app.Application的类,然后用create创建它的实例...

一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之用户管理(4)

现在来完成删除功能。目前的Grid,一次只能选择一行,也就是说,一次只能删除一行,不太方便,因而要设置成使用复选框选择,并允许多选的。在用户视图脚本文件中,添加以下配置项实现这个:    selTyp...

使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之用户管理(3)

使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之用户管理(3)     昨天还有一个错误,CheckColumn的样式和图片没复制过来,造成最后一列的Che...

一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之调整首页显示

登录后,因为只是刷新首页,并没有跳转页面,因而要调整一下首页显示,以便登录后显示系统界面。要区分登录前和登录后,判断Request的IsAuthenticated方法就可以。因为要通过服务器段代码执行...

一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之登录窗口调试

现在可以对登录窗口进行调试了。      打开系统的首页页面文件,Views\Home目录下的Index.cshtml文件。要动态加载登录窗口,需要先设置好加载路径,因而在onReady函数上加入以下...

一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之登录窗口

完成配置后,要做的是完成登录页面。因为要实现登录之后写入认证信息到Cookie,因而必须做一次跳转。当然,不做跳转,或不写入认证信息也行,但问题比较复杂,在这里还是做简单处理比较合适。还有就是写入认证...

ASP.NET+Ext Js4.0---Time--Number控件

Ext.onReady(function () { var tm = new Ext.form.field.Time({ //时间控件 fi...

一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之创建项目

打开VS2010,在主菜单选择文件,新建,项目,在如图1所示的弹出窗口中已安装的模板下选择C#的Web模板,然后选择“ASP.NET MVC 3 Web应用程序”,将项目名称修改为SimpleCMS,...

一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之创建Viewport(2)

现在要考虑的是如何加载标签页内的内容。虽然标签页默认是延迟渲染的(deferredRender值默认为true),但是它会预加载所有的类,因而当类文件很多的时候,加载时间就是一大问题了。这个,也可通过...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:EXT.NET_X.Js.Call方法
举报原因:
原因补充:

(最多只允许输入30个字)