草庐IT

data-bind

全部标签

javascript - 获取knockout中被点击元素的索引

获取无序列表点击元素索引的最佳方法是什么?让我举个例子。假设我有以下HTML代码:现在我有以下javascript代码来获取索引:...self.itemClicked=function(data,item){varindex=$(item.target).index();}...但问题是如果目标元素是例如,我得到不正确的结果。那么我应该如何获取被点击的索引元素?Knockout是否有一些方法,或者我应该以某种方式使用jquery? 最佳答案 我建议使用Knockout的$index上下文属性。请参见下面的示例(JsFiddle):

javascript - 在 knockoutjs 上绑定(bind)按键事件,可观察到的未填充

需要一些关于knockoutjs和绑定(bind)按键事件的帮助。我正在尝试连接knockout,以便我从文本框中选择回车键。所以我可以执行与单击按钮相同的操作。解释起来有点棘手,但希望这个JsFiddle能展示我正在努力实现的目标。http://jsfiddle.net/nbnML/8/我遇到的问题是可观察值没有得到更新,我认为这与焦点从文本框移开之前未更新的可观察值有关吗?这个问题的任何解决方案。谢谢! 最佳答案 一个选项是使用valueUpdate附加绑定(bind)来强制更新每个按键。例如,你会这样做:如果这不是您想要的,那

javascript - knockout 启用绑定(bind)不起作用

我无法让启用绑定(bind)在KnockoutJS中工作。将enabled属性设置为false,按钮不会被禁用,我仍然可以点击它。参见fiddlevarViewModel=function(){varself=this;self.enabled=ko.observable(false);self.isVisible=ko.observable(true);self.clicked=function(){alert('Youclickedthebutton');};};$(function(){varmodel=newViewModel();ko.applyBindings(model)

javascript - 如何通过 id 将数组元素与指令中的 dom 类元素绑定(bind)?

我正在尝试用字符串html中的适当.grid-cell索引绑定(bind)一个page_elements数组,这样它就会显示在页面上,而不是在我的指令中.我存储给定单元格元素的索引,然后过滤它们以检索匹配的page_elements对象。但是,我无法消除ng-repeat在不止一个元素的网格中的冗余。移除的元素被替换为空对象{},但应该拼接它以将网格元素保持在正确的位置。移动的元素应该能够放入其他网格单元格中。如果索引被正确分配,那么指令应该与angular-drag-and-drop-lists一起工作。,如何解决?如何在给定的网格中仅显示一次具有匹配的page_elements的n

javascript - 你能用 `bind` 重新绑定(bind)一个反弹函数吗

bind方法创建一个新函数,调用时将其this关键字设置为提供的值。varobj={a:0,b(){console.log(this.a);}}obj.b()//->0varfunctionBound=obj.b.bind(obj)functionBound()//->0functionBound.bind(null)()//->0ANDIexpectanerrorhere很明显,我不能重新绑定(bind)一个已经被重新绑定(bind)的函数。但是,我找不到关于此行为的任何文档。引自“BindmoreargumentsofanalreadyboundfunctioninJavascri

javascript - 到 ngReact 组件的双向数据绑定(bind)

如何使用ngReact优雅地设置双向数据绑定(bind)?假设我有一个简单的React输入组件,它接受一个value并触发onChange:angular.module('app',[]).value('SimpleInput',props=>props.onChange(e.target.value)}/>)然后从AngularJS方面来看,我希望像这样的东西来更新作用域中的value:value=v}">但是,是否有更优雅的方式来设置到AngularJS作用域的双向绑定(bind),类似于ng-model? 最佳答案 我不这么认

javascript - 我可以在 knockout.js 中创建使用其他绑定(bind)的自定义绑定(bind)吗

我有一个自定义的翻译绑定(bind):ko.bindingHandlers.lang={init:function(element,valueAccessor,allBindingsAccessor,viewModel,bindingContext){this.lang=['text1':'text1translated','text2':'text2translated'];},update:function(element,valueAccessor,allBindingsAccessor,viewModel,bindingContext){varkeyword=valueAcce

javascript - react.js 中的键绑定(bind)

试图在react.js中实现键绑定(bind)。做了一些研究,但仍然想知道最干净的方法是什么。例如,if(event.keyCode==13/*enter*/){function()}if(event.keyCode==27/*esc*/){anotherfunction()} 最佳答案 我最终在组件安装和卸载时绑定(bind)了keydown事件:...componentDidMount:function(){$(document.body).on('keydown',this.handleKeyDown);},component

javascript - 将类绑定(bind)到 Vue.js 2 中的插槽

我正在尝试创建一个可重用的组件来迭代项目、过滤它们并向插槽添加一些类(如果项目是偶数、奇数、第一个、最后一个等等)这是我的可重用组件:exportdefault{props:['items','classes'],data(){return{filteredItems:this.items.filter(item=>item.active)};}};下面是我如何使用它:一切都按预期工作,但它不会向放入的元素添加类。我做错了什么吗?在Vue.js2中甚至在技术上有可能做这样的事情吗?感谢任何帮助或建议! 最佳答案 使用vuejs2时,

javascript - Function.prototype.bind() 总是很慢吗?

我正在编写一个开源javascript库,并且大量使用.bind()方法,因为我认为面向对象的代码看起来更清晰。(尽管有争议)示例A1:varthat=this;setTimeout(function(){that.method();},0);对比B1:setTimeout(this.method.bind(this),0);或者,更实用的代码部分A2:remoteDataSource.getData(function(a,b,c,d){obj.dataGetter(a,b,c,d);})对比B2:remoteDataSource.getData(obj/*orprototype*/.