javascript - 如何在选择事件的 Bootstrap 双列表框中获得回调函数？

Question

我是前端开发的新手。我正在使用这个 [ demo ] Bootstrap DualListbox 在我的代码中。当我将一个(或多个)项目从一个列表移动到另一个列表时，我需要先将它们保存到数据库中。如果数据库操作成功执行，那么只有那些项目应该被移动到另一个列表。

我该怎么做？我想这个库中一定有一些回调函数，但找不到。

感谢任何帮助。

Answer 1

首先，我的建议是使用另一个库:http://crlcu.github.io/multiselect/ 我在我们的代码中使用，并且很好地展示了 self 。

其次，如果您更喜欢使用 Bootstrap DualListBox，它会触发 onchange 事件，但仅在第一个 一个选择元素上。

代码:https://github.com/istvan-ujjmeszaros/bootstrap-duallistbox/blob/master/src/jquery.bootstrap-duallistbox.js#L44

因此，如果您想使用回调，只需在初始化 dualbox 后立即添加回调(也在示例页面中运行):

$('.demo2').bootstrapDualListbox();
$('.demo2').on('change',function(){
    console.log('triggers');
})

UPD:在实际更改元素状态之前检查和执行操作的唯一方法是在库代码中执行操作。

查看第 208 行:https://github.com/istvan-ujjmeszaros/bootstrap-duallistbox/blob/master/src/jquery.bootstrap-duallistbox.js#L208

您可以创建函数actuallyMove()，将move()函数的内容复制到这里，并用您自己的清除move()函数代码。

您自己的代码必须检查操作，然后运行 ​​move()。

此外，使用 moveAll 函数执行此操作。

也许更好的方法是更新这个库的 API 并通过拉取请求贡献更改(这样 move() 函数必须调用类似 this.onbeforechange 的东西并检查结果为真或假)。