Ext.Net学习笔记之button小结
2013-02-22 09:10
633 查看
1.触发客户端事件
<ext:Button ID="Button1" runat="server" Text="快点我">
<Listeners>
<Click Handler="Greet()"></Click>
</Listeners>
</ext:Button>
<script type="text/javascript">
function Greet() {
alert("Hello World!");
}
</script>
2.触发服务端事件
复制代码 代码如下:
<ext:Button ID="Button1" runat="server" Text="快点我">
<DirectEvents>
<Click OnEvent="MyButtonClickHandler"></Click>
</DirectEvents>
</ext:Button>
protected void MyButtonClickHandler(object sender, DirectEventArgs e)
{
X.Msg.Alert("Hello","HelloWorld!");
}
注:按理说客户端会弹出一个消息框的,调试时已经执行到了这个后台函数内,前台没反应,原因未知。
DirectEventArgs也可以替换成System.EventArgs,但是这样将无法访问某些属性,例如:ExtraParams,下面讲这个参数的用处
3.触发服务端事件并传参
<DirectEvents>
<Click OnEvent="MyButtonClickHandler">
<ExtraParams>
<ext:Parameter Name="param1" Value="value1"></ext:Parameter>
</ExtraParams>
</Click>
</DirectEvents>
后台获取参数可以用如下方式:e.ExtraParams["param1"]
从IE的F12工具来看确实将参数发往了服务端。 4.自定义额外属性 <ext:Button ID="Button1" runat="server" Text="快点我"> <Listeners> <Click Handler="CusProperty(this);"></Click> </Listeners> <CustomConfig> <ext:ConfigItem Name="cusProperty1" Value="theValue" Mode="Value"></ext:ConfigItem> </CustomConfig> </ext:Button> <script type="text/javascript"> |
成功获取到自定义的属性的值
相关文章推荐
- Ext.Net学习笔记之button小结
- OSGi.NET 学习笔记 [模块化和插件化][小结]
- Ext.Net学习笔记03:Ext.Net MessageBus用法
- Ext.NET 1.0学习笔记(一)之:Button篇
- Ext.Net学习笔记17:Ext.Net GridPanel Selection
- Ext.Net学习笔记04:Ext.Net布局
- Ext.Net学习笔记18:Ext.Net 可编辑的GridPanel
- Ext.Net学习笔记19:Ext.Net FormPanel 简单用法
- 【Ext.Net学习笔记】05:Ext.Net GridPanel的用法(包含Filter、Sorter、Grouping、汇总(Summary)的用法)
- 【Ext.Net学习笔记】07:后续
- 【Ext.Net学习笔记】03:Ext.Net DirectEvents用法详解、DirectMethods用法详解
- Ext.Net学习笔记20:Ext.Net FormPanel 复杂用法
- ext学习笔记 2010-9-16 Ext.Button
- OSGi.NET 学习笔记 [模块可扩展支持][小结]
- 【Ext.Net学习笔记】04:Ext.Net中使用数据、Ext.Net Store的用法、Ext.Net ComboBox用法
- Ext.Net学习笔记15:Ext.Net GridPanel 汇总(Summary)用法
- 【Ext.Net学习笔记】05:Ext.Net GridPanel的用法(包含Filter、Sorter、Grouping、汇总(Summary)的用法)
- EXT.NET的学习笔记(一):布局构架
- OSGi.NET 学习笔记 [面向服务架构支持][实例][小结]
- Ext.NET学习笔记之3(简单的WEB文件管理器DEMO)