如何在kendoMultiSelect的footerTemplate中获取选中项数量？

问题出在你使用的instance.dataItems()方法上——它返回的是数据源中的所有条目，而非当前选中的项，这也是你看到数值异常的原因。

要获取选中项的数量，你可以使用以下两种方法：

• 使用instance.value()：该方法返回选中项的value数组，其长度即为选中项数量
• 使用instance.selectedItems()：该方法返回选中项的对象数组，通过length属性获取数量

修改后的代码示例：

$("#customers").kendoMultiSelect({
  dataSource: [
    { id: 1, name: "Apples" },
    { id: 2, name: "Oranges" }
  ],
  dataTextField: "name",
  dataValueField: "id",
  footerTemplate: '#: instance.value().length # item(s) selected'
});

或者使用selectedItems()的版本：

$("#customers").kendoMultiSelect({
  dataSource: [
    { id: 1, name: "Apples" },
    { id: 2, name: "Oranges" }
  ],
  dataTextField: "name",
  dataValueField: "id",
  footerTemplate: '#: instance.selectedItems().length # item(s) selected'
});

这两种方式都能实时显示当前选中项的数量，当你勾选或取消选项时，footer中的数值会自动更新。

内容的提问来源于stack exchange，提问作者The_Black_Smurf