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. ArcGIS API for JavaScript Beta初步试探（一）

    这段时间一直在看https://developers.arcgis.com/javascript/beta/sample-code/index.html, 下面直接看图片: 叠加了二维arcgis s ...

  2. linux内核调优参考

    对于新部署的机器,需要做一些基本的调优操作,以更改一些默认配置带来的性能问题 1 修改打开文件数 root@mysql:/data/tools/db# vim /etc/security/limits ...

  3. ASP.NET调用Web Service

    1.1.Web Service基本概念 Web Service也叫XML Web Service WebService是一种可以接收从Internet或者Intranet上的其它系统中传递过来的请求, ...

  4. jquery实践案例--验证电子邮箱

    <input type="email" name="email" id="email" value="" onpa ...

  5. 【VB超简单入门】一、写在前面

    每本书的前面总得写点什么,到我这里也自然不能免俗,前言这东西“存在即合理”,所以就随便写一点咯~ 首先这本书是给从未接触过编程的童鞋准备的,由于我学识疏浅,对VB也只是一知半解所以也只能讲一点点最基础 ...

  6. php 利用activeMq+stomp实现消息队列

    php 利用activeMq+stomp实现消息队列 一.activeMq概述 ActiveMQ 是Apache出品,最流行的,能力强劲的开源消息总线.ActiveMQ 是一个完全支持JMS1.1和J ...

  7. nopcommerce之权限模块

    这篇文章简单介绍一下nopcommerce的权限模块,nopcommerce里面的权限设计相对比较简单,主要针对后台的action和前台的是否显示(比如产品.品牌等),虽然简单但是应付一般的项目应该没 ...

  8. 本地Git仓库与Github远程仓库同步

    在本地创建了一个Git仓库后,还想在Github创建一个Git仓库,并使其远程同步.1.在电脑的用户主目录下有无.ssh目录,若有看是否有id_rsa和id_rsa.pub文件.若无,则创建SSH K ...

  9. zookeeper适用场景：zookeeper解决了哪些问题

    问题导读:1.master挂机,传统做法备份必然是以前数据,该如何保证挂机数据与备份数据一致?2.分布式系统如何实现对同一资源的访问,保证数据的强一致性?3.集群中的worker挂了,传统做法是什么? ...

  10. win10下安装Wampservice过程中遇到的问题及解决办法

    今天在电脑上装Wampserver的时候遇到了几个问题,启动Wampserver无法成功,一直显示橙色.若启动成功Wampserver的图标会显示绿色. 下面的是解决方法 安装 在浏览器中搜索Wamp ...