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的事件处理Ext.Net中的事件分为客户端事件和服务器端事件,客户端事件需要页面中JS来处理,服务器端事件则会无刷新的提交给服务器,在服务器处理完成并将结果显示在页面中。
拿我们上面窗口中的保存按钮为例,我们来介绍一下如何处理客户端事件。
客户端事件处理首先,我们来添加一个客户端的单击事件:
跟ExtJS中的写法一样,使用listeners来添加事件。当我们在Listeners标签中输入左尖括号以后,visual studio 会提示我们所有可用的事件:
这种编程方式实在是太快了,效率完全可以达到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