Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Bindinghandler-knockout中添加/删除元素绑定_Javascript_Knockout.js - Fatal编程技术网

Javascript 在Bindinghandler-knockout中添加/删除元素绑定

Javascript 在Bindinghandler-knockout中添加/删除元素绑定,javascript,knockout.js,Javascript,Knockout.js,您好,我已经创建了一个列表,并将其切片并添加了分页。 所有作品都很好,但我希望用户能够禁用分页,只是使用常规滚动 我的html标记看起来有点像这个atm <div data-bind="event: { mousewheel: ScrolledPagingnation }"> </div> 不要使用cleanNode。永远 您甚至不需要bindingHandler。只需为事件处理程序使用一个表达式。我在下面的代码片段中使用了click事件 vm={ 活动:

您好,我已经创建了一个列表,并将其切片并添加了分页。 所有作品都很好,但我希望用户能够禁用分页,只是使用常规滚动

我的html标记看起来有点像这个atm

<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);
         }
     }
  };