index5.html

<html>
<head>
    <title>$self $index $first $last parent() outerParent()</title>
    <script src="jquery-1.11.2.min.js"></script>
    <script src="groot.js"></script>
</head>
<body>
<div gt-view="myview">
    <ul gt-each="list">
        <li gt-attr="$index(id,value +1)"><span gt-text="{$index}+1"></span><span>姓名:</span><span
                gt-text="{name}"></span>---<span>性别:</span><span
                gt-text="{sex}"></span><input
                type="{text}" gt-value-change="name"/><input type="button" value="按钮" gt-click="click"></li>
    </ul>
</div>
</body>
</html>
<script>
    groot.view("myview", function (vm, ve) {
        vm.list = [
            {"name": "张三", "sex": "男"}
            , {"name": "李四", "sex": "男"}
            , {"name": "王五", "sex": "男"}
        ];
        ve.click = function ($self) {
            groot.log($self);//$self为点击事件所在的vm
            groot.log($self.$index);//$index为 对象在数组中的索引
            groot.log($self.$first);//$first 该对象是否为数组中的第一个对象 是 true 否 false
            groot.log($self.$last);//$first 该对象是否为数组中的最后一个对象 是 true 否 false
            groot.log($self.parent());//返回整个数组 当时对象时 返回此对象所在的对象
            groot.log($self.outerParent());//返回数组所在vm
        }
    })
</script>
$self为点击事件所在的vm

$index为 对象在数组中的索引

$first 该对象是否为数组中的第一个对象 是 true 否 false

$last 该对象是否为数组中的最后一个对象 是 true 否 false

parent()返回整个数组 当时对象时 返回此对象所在的对象

outerParent());返回数组所在vm

随机推荐

  1. Linux Shell 03 条件测试

    条件测试 方式一:在Bash中 test命令和[]是等价的. test命令: if test $n1 -eq $n2 then echo "The two number are equal& ...

  2. SQL将用户表中已存在的数据所有姓名（汉字）转换为拼音首字母

    实现方法: --函数 Create function [dbo].[fn_GetPy](@str nvarchar(4000)) returns nvarchar(4000) --用于加密 --WIT ...

  3. subline 快捷键

    subline 快捷键  安装 pretty css  html  后1,CTRl+ shift +H 格式化代码

  4. Hadoop,Vertica环境搭建

    本打算使用mapr的虚拟机在里面进行开发,使用eclipse进行调试,它的问题是,有时候服务不能完全起来, 如jobtracker和tasktracker,cldb没有起来,重启服务有可能解决. 但另 ...

  5. HDU 1695 GCD （莫比乌斯反演）

    GCD Time Limit: 6000/3000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submiss ...

  6. noip2014提高组day2二题题解-rLq

    (又是昨天的作业……本题写于昨天) (这破题都做这么久,我是不是吃枣药丸……) (好吧这是一道图论题呢) 本题地址:http://www.luogu.org/problem/show?pid=2296 ...

  7. 【CSS】颜色码对照表

    英文代码 形像颜色 HEX格式 RGB格式 LightPink 浅粉色 #FFB6C1 255,182,193 Pink 粉红 #FFC0CB 255,192,203 Crimson 猩红 #DC14 ...

  8. 孙鑫视频学习：改变窗口过程函数中出现error C2440错误的解决方法

    在Visual Studio 2010中,即使代码是完完全全按照孙鑫视频中的敲,也会在出现error C2440,这是因为开发平台由VC6.0升级至VS2010,需要将原有的项目迁移.VS2010对消 ...

  9. [转载]ExtJs4 笔记（10） Ext.tab.Panel 选项卡

    作者:李盼(Lipan)出处:[Lipan] (http://www.cnblogs.com/lipan/)版权声明:本文的版权归作者与博客园共有.转载时须注明本文的详细链接,否则作者将保留追究其法律 ...

  10. bitbucket和Mercurial安装和相关

    应为工作需要,需要使用bitbucket和Mercurial进行软件开发管理.下面简单介绍以下这些东西和他的安装. bitbucket是一个类似github的软件开发管理工具,和github不同,bi ...