$self $index $first $last parent() outerParent()

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

随机推荐

【mysql】添加对emoji的支持
1.简介涉及无线相关的 MySQL 数据库建议都提前采用 utf8mb4 字符集,避免 emoji 表情符号带来的问题 MySQL Server > 5.5.3 2.配置+升级当前配置 m ...
mysql中出现Incorrect DECIMAL value: '0' for column '' at row -1错误解决方案
本人开发项目时,在从一个服务器导出数据库到另一服务器时,存储过程中,报Incorrect DECIMAL value: '0' for column '' at row -1错误. 原因: 存储过程中 ...
设计模式C#实现(五)——抽象工厂模式
抽象工厂模式意图:提供一个创建一系列相关或相互依赖对象的接口,而无需指定他们具体的类. UML类图: 场景:抽象村商店想销售Pizza和Hamburg等多种商品,而在美国店和中国店要出售本土化的口味 ...
three Sum
Given an array S of n integers, are there elements a, b, c in S such that a + b + c = 0? Find all un ...
【软件使用】GitHub使用教程for VS2012
一直以来都想使用Git来管理自己平时积累的小代码,就是除了工作之外的代码了.有时候自己搞个小代码,在公司写了,就要通过U盘或者网盘等等一系列工具进行Copy,然后回家才能继续在原来的基础上作业.Cop ...
匈牙利算法 cojs.tk 搭配飞行员
cojs.tk 搭配飞行员 ★★☆ 输入文件:flyer.in 输出文件:flyer.out 简单对比时间限制:1 s 内存限制:128 MB [问题描述] 飞行大队有若干个 ...
Spring 4.1+　的 JSONP使用
如今的巨石应用已经越来越不行了,很多互联网在后期都会在用分布式的架构那么在页面上不同的服务调用不同域名下的json是有问题的 (跨域:不同域名,相同域名但是不同端口) JavaScript规范中提到 ...
传奇的通迅协议与base64算法
传奇的数据根本就没加密. 只要把#(数字)!去掉,中间的那些全部减0x3c,然后,四个字节一组,每个字节取低六位组成6*4=24位,然后分成3个字节,这个是很经典的base64的算法.不过小改了一些, ...
java8-1 final
1.final可以修饰类,方法,变量特点: final可以修饰类,该类不能被继承. final可以修饰方法,该方法不能被重写.(覆盖,复写) final可以修饰变量,该变量不能被重新赋值.因为这个变 ...
Idea maven tomcat 配置热更新以及 maven jar依赖
看了视频实在忍不住上了idea的贼船不过这玩意确实有点坑爹,因为用的人少,所以很多配置是有问题的例如maven配置tomcat热更新以及tomcat的maven配置我这里放几张图作为备用配 ...

$self $index $first $last parent() outerParent()

随机推荐

热门专题