提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

Ext.Net学习笔记之button小结

Net笔记学习 小结 Ext button
2023-06-13 09:14:46 时间

1.触发客户端事件

复制代码代码如下:

<ext:ButtonID="Button1"runat="server"Text="快点我">
　　<Listeners>
　　　　<ClickHandler="Greet()"></Click>
　　</Listeners>
</ext:Button>

<scripttype="text/javascript">
functionGreet(){
alert("HelloWorld!");
}
</script>


2.触发服务端事件
复制代码代码如下:

<ext:ButtonID="Button1"runat="server"Text="快点我">
　　<DirectEvents>
　　　　<ClickOnEvent="MyButtonClickHandler"></Click>
　　</DirectEvents>
</ext:Button>

protectedvoidMyButtonClickHandler(objectsender,DirectEventArgse)
{
　　X.Msg.Alert("Hello","HelloWorld!");
}


注：按理说客户端会弹出一个消息框的，调试时已经执行到了这个后台函数内，前台没反应，原因未知。

DirectEventArgs也可以替换成System.EventArgs，但是这样将无法访问某些属性，例如：ExtraParams，下面讲这个参数的用处

3.触发服务端事件并传参

复制代码代码如下:
<DirectEvents>
　　<ClickOnEvent="MyButtonClickHandler">
　　　　<ExtraParams>
　　　　　　<ext:ParameterName="param1"Value="value1"></ext:Parameter>
　　　　</ExtraParams>
　　</Click>
</DirectEvents>

后台获取参数可以用如下方式：e.ExtraParams["param1"]

 

从IE的F12工具来看确实将参数发往了服务端。

 4.自定义额外属性

复制代码代码如下:
<ext:ButtonID="Button1"runat="server"Text="快点我">
　　<Listeners>
　　　　<ClickHandler="CusProperty(this);"></Click>
　　</Listeners>
　　<CustomConfig>
　　　　<ext:ConfigItemName="cusProperty1"Value="theValue"Mode="Value"></ext:ConfigItem>
　　</CustomConfig>
</ext:Button>

<scripttype="text/javascript">
functionCusProperty(obj){
alert(obj.cusProperty1);
}
</script>

成功获取到自定义的属性的值

相关文章