首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Ext.Net学习笔记02:Ext.Net用法统观

2014-01-22 
Ext.Net学习笔记02:Ext.Net用法概览IDextForm BodyPadding5Itemsext:TextField runatserver

Ext.Net学习笔记02:Ext.Net用法概览
ID="extForm" BodyPadding="5"> <Items> <ext:TextField runat="server" ID="txtName" FieldLabel="姓名"></ext:TextField> <ext:NumberField runat="server" ID="txtAge" FieldLabel="年龄"></ext:NumberField> </Items> <Buttons> <ext:Button runat="server" ID="btnSave" Icon="DatabaseSave" Text="保存"> </ext:Button> </Buttons> </ext:FormPanel> </Items></ext:Window>

这仍然是我们的window,新的效果如下:

Ext.Net学习笔记02:Ext.Net用法统观

很酷吧,接下来我们一起看看它的事件机制。

Ext.Net的事件处理

Ext.Net中的事件分为客户端事件和服务器端事件,客户端事件需要页面中JS来处理,服务器端事件则会无刷新的提交给服务器,在服务器处理完成并将结果显示在页面中。

拿我们上面窗口中的保存按钮为例,我们来介绍一下如何处理客户端事件。

客户端事件处理

首先,我们来添加一个客户端的单击事件:

跟ExtJS中的写法一样,使用listeners来添加事件。当我们在Listeners标签中输入左尖括号以后,visual studio 会提示我们所有可用的事件:

Ext.Net学习笔记02:Ext.Net用法统观

这种编程方式实在是太快了,效率完全可以达到ExtJS熟练的水平(题外话,套用一句广告词:根本停不下来……)。

Handler 属性保存一段JS代码,如果要添加一个处理方法,则需要使用Fn属性:

注意,使用Fn属性的时候,需要确保我们的页面中已经定义了fnSave方法:

对应的服务器处理方法如下:

另外,Ext.Net Direct Events还可以传递自定义参数:

在服务器端的处理方法中,我们可以轻易的获取到这个参数值:

Ext.Net中的DirectEvents所支持的事件类型同样可以参考ExtJS的API文档。

另外Ext.Net还有一个自定义的MessageBus机制,今天还没有吃透,明天继续!

[全文完,起飞网 http://www.qeefee.com 整理发布]原文地址:http://www.qeefee.com/article/extnet-learn-02-extnet-overview

热点排行