InputSetter

InputSetter

是一个插件，当单击列表项时，该插件允许在 droplab 范围之外更新 DOM.

  • InputSetter需要input和valueAttribute的配置值.
  • input应该是要操作的 DOM 元素.
  • valueAttribute应该是一个字符串，它是列表项上属性的名称，用于获取用于更新input元素的值.

您还可以将InputSetter配置设置为对象数组，这将允许您更新多个元素.

  1. const droplab = new DropLab();
  3. const trigger = document.getElementById('trigger');
  4. const list = document.getElementById('list');
  5. const input = document.getElementById('input');
  8. droplab.init(trigger, list, [InputSetter], {
  9.   InputSetter: [{
  10.     input: input,
  11.     valueAttribute: 'data-id',
  12.   } {
  13.     input: div,
  14.     valueAttribute: 'data-id',
  15.   }],
  16. });
  18. droplab.addData('trigger', [{
  19.   id: 0,
  20.   text: 'Jacob',
  21. }, {
  23.   text: 'Jeff',
  24. }]);

（可选）您可以将inputAttribute设置为一个字符串，该字符串是您要更新的input元素上的属性的名称. 如果你不提供inputAttribute ， InputSetter将更新value的的input ，如果它是一个元素INPUT元素，或者textContent的的因素，如果它不是一个INPUT元素.