$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

随机推荐

关于Redis info的参数总结
Redis官网对 info 已经讲解的比较清楚的,参考文档 .可以看到,info的输出结果是分几块的,有Servers.Clients.Memory等等,通过info后面接这些参数,可以指定输出某一块 ...
用python自定义实现db2的连接池
想要模仿zabbix的oracle插件orabix来实现对db2的监控,但是Java能力有限,就用python来实现了.但是python常用的连接池PooledDB似乎并不支持db2,一直报这样的错误 ...
oracle的增删改查语句
创建一个表: cteate table 表名(列1 类型, 列2 类型);查看表结构 desc表名添加一个字段 alter table 表名 add(列类型);修改字段类型 alter table 表 ...
jQuery实现联动下拉列表查询框
<!DOCTaYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org ...
.NET三层架构例子超链接可以点击显示内容页面
在研究了一个星期的三层架构写出的一个小功能,使用三层架构并实现点击新闻标题可以跳转到自己写的新闻页面. 首先是一个DBHelper,这个不是我自己写的,是朋友给我的 using System; usi ...
td内元素居顶，td元素不随高度的撑开而变位置
如下图,右边内容变高了,左边元素位置就下降到居中设置居顶不变的方法 <table width="200" border="1"> <tr&g ...
Andorid 内存溢出与内存泄露，几种常见导致内存泄露的写法
内存泄露,大部分是因为程序的逻辑不严谨,但是又可以跑通顺,然后导致的,内存溢出不会报错,如果不看日志信息是并不知道有泄露的.但是如果一直泄露,然后最终导致的内存溢出,仍然会使程序挂掉.内存溢出大部分是 ...
Windows8下PhoneGap 4 + Android Studio 1.0 + VS2013配置指南
1.准备工作安装JDK1.6+,设置环境变量 JAVA_HOME C:\Program Files\Java\jdk1.5.0_07 CLASSPATH .;%JAVA_HOME%\lib Path ...
Debian系统网卡调试出问题，无线网卡提示device not managed如何解决？
参考文章:<How to fix Wired Network interface “Device not managed” error in Debian or Kali Linux?> ...
UESTC 914 方老师的分身I Dijkstra
题意:求有向图的往返最短路的最长长度. 分析:求第一次到所有点的距离可以用一次Dijkstra求最短路求出来.考虑回来的路,想想就知道,从每个点回来的路即为将边的方向反转再求一次最短路后的结果. 所以 ...

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

随机推荐

热门专题