<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. C# 特性（Attribute）

    C# 特性(Attribute) 特性(Attribute)是用于在运行时传递程序中各种元素(比如类.方法.结构.枚举.组件等)的行为信息的声明性标签.您可以通过使用特性向程序添加声明性信息.一个声明 ...

  2. 数据库SQL语句错误

      Caused by: android.database.sqlite.SQLiteException: near "where": syntax error(Sqlite co ...

  3. testng+selnium+eclipse的测试框架运用

    一:TestNG在Eclipse中的安装(1)点击eclipse中的Help->Install New Software (2)点击[Add]按钮,输入相应的地址(3)勾选加载出来的TestNG ...

  4. ZBrush创建人体模型-ZBrush中ZSphere的基本使用

    本教程我们将学习ZSphere(Z球)在ZBrush®中的基本使用情况,了解它在个人创作过程中发挥着怎样的作用.作为ZBrush中的独特功能之一,ZSphere能够让用户通过清晰的拓扑结构创建基础模型 ...

  5. http://my.oschina.net/joanfen/blog/160156

    http://my.oschina.net/joanfen/blog/160156 http://code4app.com/ios/iOS7-Sampler/5254b2186803faba0d000 ...

  6. Django -聚合分组,FQ操作, cookie, session

    一. 聚合查询和分组 1. 聚合 aggregate(*args, **kwargs) 对一组数据进行统计分析, 通过对QuerySet进行计算, 返回一个聚合值得字典. arrgregate()中每 ...

  7. centos7下部署FastDFS分布式文件系统

    前言 项目中用到文件服务器,有朋友推荐用FastDFS,所以就了解学习了一番,感觉确实颇为强大,在此再次感谢淘宝资深架构师余庆大神开源了如此优秀的轻量级分布式文件系统,本篇文章就记录一下FastDFS ...

  8. linux部分常用命令

    linux的命令挺多的,下面是我常用的,其实也不可能在敲代码的时候把这个博客拿出来对着写,就是想记录一下,刚开始都觉得不好记,多敲几遍就记住了!!! 创建文件夹:mkdir filename 删除当前 ...

  9. 【BZOJ 1433】[ZJOI2009]假期的宿舍

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 把每个人都分为左边和右边两个人 xi,yi 如果第i个人不回家或者是外校学生 那么它可以和他认识的人连一条容量为1的边(前提是这个认 ...

  10. test文件夹，测试类是放在src目录下的，test测试代码是代码啊，当然要放在代码文件夹下

    test文件夹,测试类是放在src目录下的,test测试代码是代码啊,当然要放在代码文件夹下 Maven的标准工程结构 Maven的标准工程结构如下: |-- pom.xml(maven的核心配置文件 ...