Ext.Net学习笔记之button小结

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>

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

赞 (0)

相关推荐

  • Ext.Net学习笔记之button小结

    Ext.Net学习笔记之button小结

    1.触发客户端事件 复制代码 代码如下: <ext:Button ID="Button1" runat="server" Text="快点我"> <Listeners> <Click Handler="Greet()"></Click> </Listeners></ext:Button> <script type="text/javascr

  • JS学习笔记之数组去重实现方法小结

    本文实例讲述了JS学习笔记之数组去重实现方法.分享给大家供大家参考,具体如下: 操作的数组 let arr=[0,1,23,'1',4,2,8,5,5,6,9,'asdasd','5'] 1. 利用ES6 的set 来进行数组去重 console.time("set") let type1=new Set(arr) console.log(type1) type1=[...type1] console.log(type1) console.timeEnd("set"

  • Python3.4学习笔记之类型判断，异常处理，终止程序操作小结

    本文实例讲述了Python3.4类型判断,异常处理,终止程序操作.分享给大家供大家参考,具体如下: python3.4学习笔记 类型判断,异常处理,终止程序,实例代码: #idle中按F5可以运行代码 #引入外部模块 import xxx #random模块,randint(开始数,结束数) 产生整数随机数 import random import sys import os secret = random.randint(1,10) temp = input("请输入一个数字\n")

  • AngularJS学习笔记之表单验证功能实例详解

    本文实例讲述了AngularJS学习笔记之表单验证功能.分享给大家供大家参考,具体如下: 一.执行基本的表单验证 <!DOCTYPE html> <html ng-app='exampleApp'> <head> <meta charset="UTF-8"> <title>表单</title> <script src="../../js/angular.min.js" type="

  • JavaWeb学习笔记分享(必看篇)

    自定义列表 <dl></dl>:表示列表的范围 **在里面 <dt></dt>:上层内容 **在里面 <dd></dd>:下层内容 有序列表 <ol></ol>:有序列表的范围 --属性 type:设置排序方式,1(默认),a,i.. **在ol标签里面 <li>具体内容</li> 无序列表 <ul></ul>:无序列表的范围 --属性 type:circle(空

  • jqGrid 学习笔记整理——进阶篇(一 )

    jqGrid 学习笔记整理——进阶篇(一 )

    在浏览导航栏添加所需按钮 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>DEMO</title> <link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css" /> <link rel=&

  • 关于Vue.js一些问题和思考学习笔记（1）

    前言 本文不是Vue.js的教程,只是一边看官网Vue的教程文档一边记录并总结学习过程中遇到的一些问题和思考的笔记. 1.vue和avalon一样,都不支持VM初始时不存在的属性 而在Angular里是可以支持的,因为angular采用脏检查的方式实现双向绑定,vue和avalon都是采用setter和getter实现双向绑定 例,如下代码在一秒后不会显示出"xxcanghai"的字样 <div id="app"> <h1>{{obj.tex

  • Java中jqGrid 学习笔记整理——进阶篇(二)

    Java中jqGrid 学习笔记整理——进阶篇(二)

    相关阅读: Java中jqGrid 学习笔记整理--进阶篇(一) 本篇开始正式与后台(java语言)进行数据交互,使用的平台为 JDK:java 1.8.0_71 myEclisp 2015 Stable 2.0 Apache Tomcat-8.0.30 Mysql 5.7 Navicat for mysql 11.2.5(mysql数据库管理工具) 一.数据库部分 1.创建数据库 使用Navicat for mysql创建数据库(使用其他工具或直接使用命令行暂不介绍) 2. 2.创建表 双击打

  • Javascript基础学习笔记(菜鸟必看篇)

    什么是变量? 变量是用于存储信息的容器 变量的声明 语法: var 变量名 变量名 = 值; 变量要先声明再赋值 变量可以重复赋值 变量的命名规则 变量必须以字母开头: 变量也能以$和_符号开头(不过我们不推荐这么做): 变量名称对大小写敏感(a和A是不同的变量). 语句 语句以一个分号结尾:如果省略分号,则由解析器确定语句的结尾. 有个好的编码习惯,都要以 ; 结尾 数据类型 在JavaScript中,一段信息就是一个值(value).值有不同的类型,大家最熟悉的类型是数字.字符串(strin

  • 整理Javascript函数学习笔记

    整理Javascript函数学习笔记

    1.什么是函数 如果需要多次使用同一段代码,可以把它们封装成一个函数.函数(function)就是一组允许在你的代码里随时调用的语句.每个函数实际上是一个短小的脚本. 如:要完成多组数和的功能. var sum; sum = 3+2; alear(sum); sum = 7+8; alear(sum); ......//不停的重复两行代码 如果要实现8组数的和,就需要16行代码,实现的越多,代码行也就越多.所以我们可以把完成特定功能的代码块放到一个函数里,直接调用这个函数,就省去重复输入大量代码

随机推荐