Javascript 在Bindinghandler-knockout中添加/删除元素绑定
您好,我已经创建了一个列表,并将其切片并添加了分页。 所有作品都很好,但我希望用户能够禁用分页,只是使用常规滚动 我的html标记看起来有点像这个atmJavascript 在Bindinghandler-knockout中添加/删除元素绑定,javascript,knockout.js,Javascript,Knockout.js,您好,我已经创建了一个列表,并将其切片并添加了分页。 所有作品都很好,但我希望用户能够禁用分页,只是使用常规滚动 我的html标记看起来有点像这个atm <div data-bind="event: { mousewheel: ScrolledPagingnation }"> </div> 不要使用cleanNode。永远 您甚至不需要bindingHandler。只需为事件处理程序使用一个表达式。我在下面的代码片段中使用了click事件 vm={ 活动:
<div data-bind="event: { mousewheel: ScrolledPagingnation }">
</div>
不要使用
cleanNode
。永远
您甚至不需要bindingHandler。只需为事件处理程序使用一个表达式。我在下面的代码片段中使用了click事件
vm={
活动:可观察到(错误),
v:ko.可观察(1),
addToV:function(){
vm.v(vm.v()+1);
}
};
ko.应用绑定(vm)代码>
#区域{
高度:10雷姆;
宽度:10雷姆;
背景颜色:浅绿色;
}
激活:
不要使用cleanNode
。永远
您甚至不需要bindingHandler。只需为事件处理程序使用一个表达式。我在下面的代码片段中使用了click事件
vm={
活动:可观察到(错误),
v:ko.可观察(1),
addToV:function(){
vm.v(vm.v()+1);
}
};
ko.应用绑定(vm)代码>
#区域{
高度:10雷姆;
宽度:10雷姆;
背景颜色:浅绿色;
}
激活:
这是一个很好的答案。为了回答这个问题,它将变成event:{mousewheel:enablePagination()?scrolled pagination:null}
Perfect thx-我想会有这样的解决方案。。在没有任何运气的情况下,我一直在摆弄启用/禁用绑定,并得出结论,我需要一个处理程序。。这样比较好。干杯:)这是个好答案。为了回答这个问题,它将变成event:{mousewheel:enablePagination()?scrolled pagination:null}
Perfect thx-我想会有这样的解决方案。。在没有任何运气的情况下,我一直在摆弄启用/禁用绑定,并得出结论,我需要一个处理程序。。这样比较好。干杯:)
<div data-bind="toggleScroll: EnablePagingnation">
</div>
ko.bindingHandlers.toggleScroll = {
update: function (element, valueAccessor, allBindings) {
var value = valueAccessor();
if (ko.unwrap(value) === true) {
//Pseudo Code
element add "event: { mousewheel: ScrolledPagination }"
} else {
//Clean the Binding
ko.cleanNode(element);
}
}
};