Ext.Net学习笔记之button小结
程序员文章站
2024-03-05 07:58:18
1.触发客户端事件复制代码 代码如下:
<ext:button id="button1" runat="server" text="快点我">
<listeners>
<click handler="greet()"></click>
</listeners>
</ext:button>
2.触发服务端事件
<ext:button id="button1" runat="server" text="快点我">
<directevents>
<click onevent="mybuttonclickhandler"></click>
</directevents>
</ext:button>
注：按理说客户端会弹出一个消息框的，调试时已经执行到了这个后台函数内，前台没反应，原因未知。
<directevents>
<click onevent="mybuttonclickhandler">
<extraparams>
<ext:parameter name="param1" value="value1"></ext:parameter>
</extraparams>
</click>
</directevents>
后台获取参数可以用如下方式：e.extraparams["param1"]
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"> |
成功获取到自定义的属性的值