当前位置： 移动技术网 > IT编程>开发语言>.net > Ext.Net学习笔记之button小结

Ext.Net学习笔记之button小结

2017年12月12日  | 移动技术网IT编程  | 我要评论

尚福林,肉蒲团迅雷下载,跳天舞地

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">
function cusproperty(obj) {
alert(obj.cusproperty1);
}
</script>

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

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网