Question

Kendo-UI multiselect可以用于输入用户定义的值吗？

默认情况下，当用户点击多选控件时，会打开一个下拉列表，用户可以选择其中一个预定义值。当用户选择其中一个预定义值时，该值将添加到选择中。

我们需要的是一点点不同的行为。我们希望允许用户输入自定义字符串值，按回车键，然后输入的值将添加到选择中。

一个想法是滥用多选控制，通过订阅关键事件并将用户定义的值添加到控件的数据源，此时我们可以（可能）将该值标记为选中（我只是在猜测，不是确定它是否真的有用。）

那么，对于多选或者其他控制（不一定是Kendo），这种行为是否有选项值，所以我们不必破解现有的剑道控制？

作为行为的一个例子，我创建了一个快速[PoC here]（http://plnkr.co/edit/mcpVsstaxB2Xteh374pk?p=preview）。

以下是plnkr的代码

<script>
  $(function() {
    var input = $('input');
    var list = $('ul');

    input.on('keyup', function(e) {
      if (e.which === 13) {
        var value = $.trim(input.val());
        if (value.length > 0) {
          list.append($('<li/>'));
          list.find('li:last').text(value);
          var remove = $('<span class="remove"/>');
          remove.html('&nbsp; x');
          list.find('li:last').append(remove);
          remove = list.find('.remove:last');
          remove.click(function() {
            $(this).closest('li').remove();
          });
          input.val('');
        }
      }
    });

  });
</script>

Kendo-UI使用带有用户定义值的多选（不是预定义值）

0 个答案: