Question

如何在内部单击时阻止选择菜单关闭，而在菜单外部单击时应自行关闭

enter code here https://jsfiddle.net/1jekvsb6/1/

我尝试使用此参考 https://knockoutjs.com/documentation/click-binding.html 其他人指出的，但我无法解决这个问题……非常感谢任何帮助！

Answer 1

hi john如果发生多重选择，请防止关闭并在外部单击以简单地删除项目并在点击事件中添加项目。我只显示多个选择

var model = function() {
  var self = this;

  self.arr = ko.observableArray([
    { Type: "Item1" },
    { Type: "Item2" },
    { Type: "Item3" },
    { Type: "Item4" },
    { Type: "Item5" }
  ])
}

var theModel = new model();
ko.applyBindings(theModel, document.getElementById("container"));

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<div id="container">
  <select multiple style="width: 150px;" size=5 data-bind="options: arr, optionsText: 'Type', optionsValue: 'Type', click: function() {}, clickBubble: false">
    <option data-bind="click: function() {return false;}, clickBubble: true"></option>
  </select>
</div>

单击内部的选项时，保持剔除选择菜单处于打开状态

1 个答案: