Question

我尝试使用kendo multiselect标签删除单击按钮时再次选择此删除选项。
我已经完成了这个代码关闭橘子

<script>
$("#multiselect").kendoMultiSelect({
  dataSource: [
    { id: 1, name: "Apples" },
    { id: 2, name: "Oranges" }
  ],
  dataTextField: "name",
  dataValueField: "id",
  tagTemplate: "<span class='mitesh12' entity_id ='${data.id}' path ='${data.name}' >" + '#: data.name #' + "</span>",
});
function closeOrange(e){
    $("span[entity_id='2']").parent().parent().remove();
}
</script>

这是jsfiddle，我希望这样Like
在这里，我尝试删除橙色标记，再次删除后，我可以选择橙色帮我解决这个问题感谢。

Answer 1

您没有采用与第二个链接相同的方法。

将HTML定义为：

<select id="multiselect" multiple="multiple"></select>
<button id="oranges" class="k-button">Close Oranges</button>

这个用于创建多选的代码：

var multi = $("#multiselect").kendoMultiSelect({
  dataSource: [
    { id: 1, name: "Apples" },
    { id: 2, name: "Oranges" }
  ],
  dataTextField: "name",
  dataValueField: "id",
  tagTemplate: "<span class='mitesh12' entity_id ='${data.id}' path ='${data.name}' >" + '#: data.name #' + "</span>",
}).data("kendoMultiSelect");

用于删除值的按钮处理程序是：

$("#oranges").on("click", function(e) {
    // List of values to remove (only the ones with id = 2)
    var subtract = [2];
    var values = multi.value().slice();
    values = $.grep(values, function(a) {
        return $.inArray(a, subtract) == -1;
    });
    // Filter out everything
    multi.dataSource.filter({});
    // Now add the remaining values.
    multi.value(values);
});

您可以在此处查看：http://jsfiddle.net/OnaBai/9WfGA/23/

kendo多选刷新列表

1 个答案: