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. Java异常信息处理

    import java.io.IOException; import java.text.SimpleDateFormat; import java.util.Date; import org.jun ...

  2. Windows Server 2012 R2 IIS8.5+PHP(FastCGI)+MySQL环境搭建教程

    准备篇 一.环境说明: 操作系统:Windows Server 2012 R2 PHP版本:php 5.5.8 MySQL版本:MySQL5.6.15 二.相关软件下载: 1.PHP下载地址: htt ...

  3. JS的三种弹框

    <script type="text/javascript"> /*第一种*/ function ale(){ alert("这是第一种");} / ...

  4. hibernate一对一关系实现

    按照主键映射,按照外键映射 Address.hbm.xml: <?xml version="1.0"?><!DOCTYPE hibernate-mapping P ...

  5. Github学习之路-小试牛刀，练习Git 的基本操作

    一.下子windows客户端. Git 客户端下载地址:http://msysgit.github.io/ 二.打开Git Bash 命令行操作界面. 安装完成后,在开始菜单里找到“Git”-> ...

  6. Linux 安装 redis

      环境:centos7 参考:http://blog.csdn.net/lk10207160511/article/details/50364088 步骤如下: 安装redis: 打开终端 输入 s ...

  7. PHP Cannot redeclare class CLassName

    可能导致Cannot redeclare class CLassName错误的原因: 1.在同一个文件中重复声明了两次同名的类: class Extend {} class Extend {} new ...

  8. USACO section1.2 Miking cows

    /* ID: vincent63 LANG: C TASK: milk2 */ #include <stdio.h> #include<stdlib.h> #include&l ...

  9. HTML常用文本元素

    HTML是超文本标记语言,它提供网页的具体内容,包括文本.表单.图像.表格.链接.多媒体.列表等.其中文本是我们遇到的最多的展示内容.正确的使用文本标签,会使页面具有语义化,也有利于SEO. 文本标签 ...

  10. Ubuntu 安装libusb

    执行以下指令 sudo apt-get install libusb-dev sudo apt-get install libusb-1.0-0-dev