<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="Content/js/jquery-1.11.1.min.js"></script>
    <script src="Content/js/avalon.js"></script>
    <script type="text/javascript">

var count = 0;
        var model = avalon.define({
            $id: "test",
            name: "hello",
            passwd: "world",
            profile: "",
            isSure: false,
            fruit: "",
            hobbies: [],
            airLine: "",
            hotel: [],
            gender: "female",
            isPay: false,
            str1: "1",
            str2: "2",
            str3: "3",
            click0: function () {
                model.str1="xxxxxx"+(count++)
            },
            click1: function () {
                model.str2 = "xxxxxx" + (count++)
            },
            click2: function () {
                model.str3 = "xxxxxx" + (count++)
            }
        });

</script>
</head>
<body ms-controller="test">
    <input ms-duplex="name" />
    <input ms-duplex="passwd" /><br />

<ul>
        <li>{{name}}</li>
        <li>{{passwd}}</li>
        <li>{{name+passwd+"!"}}</li>
    </ul>
    <br />

<input type="radio" ms-duplex="isSure" /><span>{{isSure}}</span><br />
    <br />

<input type="radio" ms-duplex-value="fruit" value="苹果" name="fruit" />苹果
    <input type="radio" ms-duplex-value="fruit" value="雪梨" name="fruit" />雪梨
    <input type="radio" ms-duplex-value="fruit" value="香蕉" name="fruit" />香蕉
    <span>{{fruit}}</span><br />
    <br />

<input type="radio" value="female" ms-duplex-text="gender">女<br>
    <input type="radio" value="male" ms-duplex-text="gender">男<br>
    性别：{{gender}}<br/>
    <br>

<input type="radio" ms-duplex-boolean="isPay" value="true">是<br>
    <input type="radio" ms-duplex-boolean="isPay" value="false">否<br>
    是否付款：{{isPay}}<br>
    <br>

<br>
    <input type="checkbox" ms-duplex="hobbies" value="PingPong" name="hobby">乒乓球<br>
    <input type="checkbox" ms-duplex="hobbies" value="Bedminton" name="hobby">羽毛球<br>
    <input type="checkbox" ms-duplex="hobbies" value="Basketball" name="hobby">篮球<br><br />
    <span>{{hobbies}}</span>
    <br />
    <br />

<select ms-duplex="airLine">
        <option value="beijing-guangzhou">北京-广州</option>
        <option value="beijing-shenzhen">北京-深圳</option>
        <option value="beijing-shanghai">北京-上海</option>
    </select>
    <span ms-text="airLine"></span>
    <br>

<select ms-duplex="hotel" multiple="multiple">
        <option value="广州白云商务酒店">广州白云商务酒店</option>
        <option value="深圳红树湾酒店">深圳红树湾酒店</option>
        <option value="上海7天假日酒店">上海7天假日酒店</option>
    </select>
    <span>{{hotel}}</span>

//一个按钮多个事件

<div ms-click="click0" ms-click-1="click1" ms-click-2="click2"><button>请点我</button></div>
    <div>{{str1}}</div>
    <div>{{str2}}</div>
    <div>{{str3}}</div>

</body>

</html>

//一个按钮多个事件

单击第一次：

单击第二次（以此类推）：

avalon 双工绑定以及一个按钮多个事件的更多相关文章

  1. jquery移动端一个按钮两个事件

    当一个按钮已经有一个事件,如点击,弹窗显示,若还要加个事件,可以用touchstart 如: var videoCover = $("#videoCover");//视频封面 $( ...

  2. C# 调用一个按钮的Click事件（利用反射）

    最基本的调用方法 (1)button1.PerformClick();(2)button1_Click(null,null);(3)button_Click(null,new EventArgs()) ...

  3. ASP。net中如何在一个按钮click事件中调用另一个按钮的click事件

    方法一: 直接指定 事件<asp:Button ID="btn1" runat="server" Text="按钮1" onclick ...

  4. 利用反射--调用一个按钮的Click事件

    最基本的调用方法 (1)button1.PerformClick();(2)button1_Click(null,null);(3)button_Click(null,new EventArgs()) ...

  5. Javascript(jQuery)中绑定页面上所有按钮点击事件的几种方式

    方法一:使用document对象查找所有的按钮 [javascript] view plain copy 在CODE上查看代码片派生到我的代码片 //按照dom的方式添加事件处理 function B ...

  6. WPF中一个控件绑定另一个控件的属性

    如同一个Grid中的一个按钮根据另一个按钮的显示与否作出不同的响应: 绑定的时候通过ElementName来指定控件 <Grid Margin="50,130"> &l ...

  7. Qt-第一个QML程序-3-自定义一个按钮

    项目基本信息前两个已经说了,这里直接放下运行截图, 对的,这里就是说上面的那个红色的按钮,这里需要了解Qml的动画和状态 这里先把整个按钮的代码写出来,一点一点写 Rectangle { id:clo ...

  8. NGUI 按钮点击事件的两种绑定形式

    面板属性栏绑定 写一个脚本,定义一个Public的方法 Notify中选择物体时,选中自己 然后就可以选择通知到写的那个脚本的里边的public方法 代码绑定 创建一个代码文件,挂载到按钮对象上 代码 ...

  9. Android开发学习笔记--给一个按钮定义事件

    学习Android的第一天,了解了各种布局,然后自己动手画出了一个按钮,然后给按钮定义了一个事件是弹出一条消息显示“我成功了!”字样,具体过程如下: 1.修改布局文件activity_main.xml ...

随机推荐

  1. Core篇——初探Core的认证，授权机制

    目录 1.Cookie-based认证的实现 2.Jwt Token 的认证与授权 3.Identity Authentication + EF 的认证 Cookie-based认证的实现 cooki ...

  2. IIS7.0与AP.NET

    IIS7在请求的监听和分发机制上进行了革新性的改进,主要体现在对于Windows进行激活服务(Windows Process Activation Service ,WAS)的引入,将原来的W3SVC ...

  3. windows服务更改配置文件

    现场部署的服务所在文件夹内容如上图所示,由于现场数据库服务器更改了IP,所以我服务里的数据库连接字符串也需要修改(注意到日志文件,从某天改了IP后就再也连不上数据库了) 修改过程: 1.打开服务管理, ...

  4. SpringBoot(七) SpringBoot中的缓存机制

    随着时间的积累,应用的使用用户不断增加,数据规模也越来越大,往往数据库查询操作会成为影响用户使用体验的瓶颈,此时使用缓存往往是解决这一问题非常好的手段之一.Spring 3开始提供了强大的基于注解的缓 ...

  5. jQuery在多个div中，删除指定项

    之前工作中有一个需求,就是在一堆图片列表中,点击具体的图片,并从界面移除:点击具体的图片,下载:这是一个思路 <style type="text/css" media=&qu ...

  6. PHP中的类函数和类对象

    1.class_exists()函数接受表示类的字符串,检查并返回布尔值.如果类存在,返回true,否则返回false: echo class_exists('Computer'); 2.get_cl ...

  7. Paper阅读总结Day1

    Paper阅读总结Day1 1.Convolutional Neural Networks For Facial Expression Recognition 文章思想 简单的一篇关于表情识别的文章, ...

  8. TF基础4

    模型的存储与加载 TF的API提供了两种方式来存储和加载模型: 1.生成检查点文件,扩展名.ckpt,通过在tf.train.Saver()对象上调用Saver.save()生成.包含权重和其他在程序 ...

  9. python安装Redis数据库

    where pip cd 切换这个目录 pip install redis import redis r = redis.Redis(host='127.0.0.1', port=6379) user ...

  10. [caffe]网络各层参数设置

    数据层 数据层是模型最底层,提供提供数据输入和数据从Blobs转换成别的格式进行保存输出,通常数据预处理(减去均值,放大缩小,裁剪和镜像等)也在这一层设置参数实现. 参数设置: name: 名称 ty ...