Knockout事件传递参数的几种方式

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<ul data-bind="foreach: fruits">

<li data-bind="click: $root.clickHdr.bind(name), text:name + '（点击）'"></li>

</ul>

<ul data-bind="foreach:fruits">

<li data-bind="click: $root.clickHdr2.bind({name:name}), text:name + '（点击）'"></li>

</ul>

<ul data-bind="foreach: fruits">

<li data-bind="click: function() {$root.clickHdr3(name);}, text:name + '（点击）'"></li>

</ul>

<ul data-bind="foreach: fruits">

<li data-bind="click:$root.clickHdr4, text:name + '（点击）'"></li>

</ul>

var myViewModel = {

fruits: [

{ id: 1, name: '苹果' },

{ id: 2, name: '梨子' },

{ id: 3, name: '香蕉' },

{ id: 4, name: '萄萄' }

clickHdr:function(){

alert(this);

clickHdr2: function () {

alert(this.name);

clickHdr3: function (name) {

alert(name);

clickHdr4: function (obj) {

alert('this.id is ' + this.id + '\n\

obj.id is ' + obj.id + '\n\

this === obj is ' + (this === obj)

);

}

};

ko.applyBindings(myViewModel);

</script>

</body>

</html>

转载于:https://blog.51cto.com/yhj200722/1558608

Knockout事件传递参数的几种方式相关推荐

表单提交和超链接请求传递参数的几种方式
表单提交和超链接请求传递参数的几种方式这段时间在使用easy-ui的datagrid,他有自己提交表单的方式,所以就整理整理页面对参数的提交方式: 注:下面代码都已经过测试. 1. HTML提交表单 ...
vue-router 传递参数的几种方式
本文转载自:https://blog.csdn.net/crazywoniu/article/details/80942642 vue-router传递参数分为两大类编程式的导航 router.pu ...
Knockout 事件传递参数的方法
在Knockout中直接使用函数传递参数是不行的,会导致函数在初始化时就被调用,例如: <span style="font-size:14px;"><div da ...
[转]Delphi过程函数传递参数的几种方式
在Delphi过程.函数中传递参数几个修饰符为Const.Var.Out.另一种不加修饰符的为默认按值传递参数. 一.默认方式以值方式传递参数 procedure TForm1.ProcNormal( ...
Flink获取外部传递参数的两种方式
目录一.前言二.实现 2.1 通过参数方式直接传递 2.2 通过配置文件来获取参数值一.前言在Flink中,我们会对接Kafka,Kafka的参数比较多,如果我们希望通过灵活的方式修改参数,而 ...
mybatis 传递参数的三种方式
mybatis 框架的主要工作是数据层, 侧重于与数据库打交道的sql语句的编写,对sql也要求比较熟练. mybatis 传递参数的方式主要有三种: 1. 多个参数的传递方式形式如: ...
JSP中页面向Action传递参数的几种方式
转自:http://zhidao.baidu.com/link?url=kEOyifTghb--LvcQVpkh-kkpgZIcYU-dlqQyNM5e3b_9fywiDQGVxAOHVedJkqGA ...
react --- 隔代传递参数的三种方式
组件跨层级通信 - Context 上下文提供一种不需要每层设置props就能跨多级组件传递数据的方式方式1 Provider提供值 Consumer来消费传递的值 import React fro ...
Mybatis传递参数的三种方式
第一种: Dao层使用@Param注解的方法 VersionBox getVersionByVersionNumAndVersionType(@Param("versionNum" ...

Knockout事件传递参数的几种方式

Knockout事件传递参数的几种方式相关推荐

最新文章

热门文章