<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. （转载）Android项目实战（十七）：QQ空间实现（二）—— 分享功能 / 弹出PopupWindow

    Android项目实战(十七):QQ空间实现(二)—— 分享功能 / 弹出PopupWindow   这是一张QQ空间说说详情的截图. 分析: 1.点击右上角三个点的图标,在界面底部弹出一个区域,这个 ...

  2. c# ExecuteScalar()

    ExecuteScalar这个方法是从数据库中检索单个值返回值是object类型,必须用与它在数据库里存放的类型相同类型或者可以转换成的类型,比如数据是nchar类型值为 "123" ...

  3. CREATE TABLE 语句后的 ON [PRIMARY] 起什么作用

    CREATE   TABLE   [dbo].[table1]   ( [gh]   [char]   (10)   COLLATE   Chinese_PRC_CI_AS   NOT   NULL ...

  4. ajax返回值

    前端: <html> <head> <meta name="viewport" content="width=device-width&qu ...

  5. ABBYY FineReader去他的光棍节，我要我的双十一

    今天就是双十一,全民剁手的双十一,一年仅一次的双十一,不只是半价的双十一.....此时此刻,多少钱拿起手机在疯狂购物,又有多少人死守着电脑,不敢怠慢一丁点机会,买着买着购物车就空了,然后才发现,咦!超 ...

  6. vuex存储和本地存储的区别

    1.实质的区别 vuex存的是状态,存储在内存,localstorage是浏览器提供的接口,让你存的是文件,以文件的形式存储在本地 2.应用场景 vuex用于组件之间的传值,localstorage则 ...

  7. Build rpm example:zram

    rpmbuild #ll zram-1.0.0 total 32 -rw-r--r-- 1 root root 948 Aug 21 16:44 Makefile -rw-r--r-- 1 root ...

  8. CSS布局总结（三）

    前言:今天学的有点少,主要是有点迷.... 这是昨天没写的 一.水平居中 .parent{ text-aglin:center; } .child{ display:inline-block; } . ...

  9. Windows Vista 安装和使用指导 - 停止支持后的几条建议

    简介 曾经被广大网民吐槽的Windows Vista现在已经淡出了人们的视线,但仍有一些朋友想要体验一下这个操作系统.Windows Vista是Windows发展路线上的里程碑,相比之前的Windo ...

  10. 模板 NTT 快速数论变换

    NTT裸模板,没什么好解释的 这种高深算法其实也没那么必要知道原理 #include <cstdio> #include <cstring> #include <algo ...