博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ext.NET事件
阅读量:4115 次
发布时间:2019-05-25

本文共 2298 字,大约阅读时间需要 7 分钟。

Ext.Net通过DirectEvents进行服务器端异步的事件处理。我们在 这篇中已经简单的介绍了DirectEvents,今天我们将详细的介绍一下DirectEvents。

DirectEvents异步执行服务器端事件

我们首先来看一下Ext.Net DirectEvents的一个最简单用法,通过点击按钮触发服务器端的事件处理方法,并在前台弹出一个提示框。

这里添加了OnDirectEvents事件,它的一个简写方式,完整的写法如下:

事件处理方法如下:

protected void btnOK_DirectClick(object sender, Ext.Net.DirectEventArgs e){    X.MessageBox.Alert("提示", "按钮被点击").Show();}

编译代码并刷新页面,点击按钮,我们会看到如下效果:

image

显示Mask遮罩层

上面的代码已经演示了如何使用DirectEvents执行服务器端的事件,DirectEvents是通过异步方式执行服务器端代码的,那么,我们通常会希望在执行的时候客户端显示一个遮罩层,阻止用户进行其他操作,这点Ext.Net已经为我们想到了。

然后我们在服务器端事件处理方法中让程序休息一下:

protected void btnOK_DirectClick(object sender, Ext.Net.DirectEventArgs e){    System.Threading.Thread.Sleep(3000);    X.MessageBox.Alert("提示", "按钮被点击").Show();}

这样当我们再点击按钮的时候,会看到如下效果:

image

为事件添加自定义参数

Ext.Net DirectEvents 还允许我们为事件添加自定义参数。

在这里,我们将传给处理方法一个名称为name的参数,看一下服务器端的处理:

protected void btnOK_DirectClick(object sender, Ext.Net.DirectEventArgs e){    System.Threading.Thread.Sleep(3000);    string btnName = e.ExtraParams["name"];    X.MessageBox.Alert("提示", btnName + "被点击").Show();}

在服务器端,我们通过e.ExtraParams来访问这些参数。

处理服务器返回的数据

Ext.Net DirectEvents 可以通过添加一个客户端回调方法来处理服务器返回的数据。

在配置中添加一个success配置,表示在执行成功以后调用fnSuccess方法,fnSuccess方法的定义如下:

function fnSuccess(response, result) {    alert(result.extraParamsResponse.data);}

接下来看看服务器端如何返回数据的:

protected void btnOK_DirectClick(object sender, Ext.Net.DirectEventArgs e){    //System.Threading.Thread.Sleep(3000);    //string btnName = e.ExtraParams["name"];    //X.MessageBox.Alert("提示", btnName + "被点击").Show();    e.ExtraParamsResponse.Add(new Ext.Net.Parameter("data", "abc"));}

通过这样的处理,我们就可以从服务器返回数据,并在客户端通过js代码进行处理了。

confirmation配置

confirmation配置是用来在触发事件之前进行提示,有用户决定是否提交服务器进行处理的。

它的用法很简单,却很实用。

不需要进行多余的代码处理,只要这两行配置就可以完成在出发时间前进行提醒:

image

今天就介绍这么多,明天继续学习更加实用的功能。

转载地址:http://ysupi.baihongyu.com/

你可能感兴趣的文章
关于Vue 3.0前端开发者必须知道的不仅仅是Proxy...
查看>>
Sublime Text查找&替换
查看>>
前阿里手淘前端负责人@winter:前端人如何保持竞争力?
查看>>
【JavaScript 教程】面向对象编程——实例对象与 new 命令
查看>>
2019年哪些外快收入可达到2万以上?
查看>>
我在网易做了6年前端,想给求职者4条建议
查看>>
马云:无论被拒绝多少次,请相信自己
查看>>
面试加分项之 Nginx 反向代理与负载均衡
查看>>
我卖掉北京500万的房产,在老家生活的这两年……
查看>>
马云:我不为996辩护,我向奋斗者致敬
查看>>
零基础学网站制作系列教程-02
查看>>
不想工作了怎么破?那就去这4个地方看一看
查看>>
【JavaScript 教程】面向对象编程——this 关键字
查看>>
一名 40 岁“老”程序员的反思~
查看>>
前端学习资料免费领!
查看>>
程序员如何培养与发展第二职业技能,开发第二项挣钱能力
查看>>
前端学习资料免费领!
查看>>
11个 教程中不常被提及的 JavaScript 小技巧
查看>>
【JavaScript 教程】面向对象编程——Object 对象的相关方法
查看>>
再见铁饭碗!又一行业被颠覆!国内第一家无人银行,在上海正式开业!
查看>>