javascript - Kendo MVC-如何在 MultiselectBox 上向数据源添加附加项目

Question

我想在加载自己的项目后将额外的项目(具有名称和ID属性)添加到MultiselectBox的数据源中。

这是我的多选框:

@(Html.Kendo().MultiSelect()
   // .Events(e=>
     //   e.Select("Select"))
  .Name("lstStatus")
  .DataTextField("DESCRIPTION")
   .DataValueField("REFERENCEID")

  // .AutoBind(false) 

   .Placeholder("Select Case Status")
   .Value(GetPreSelectedStatusList()) //Adds initial values

   .DataSource(source =>
   {
       source.Read(read =>
       {
           read.Action("GetDefinitionDetails", "Definition", new { definitionCode = "CASE_STATUS", addEmptyRow = false }); 
       })
       .ServerFiltering(true);

   }))

Js:

var list = $("#lstStatus").data("kendoMultiSelect");
 list.dataSource.add({
     REFERENCEID: 1,
     DESCRIPTION: "SELECT ALL"
 });

使用此设置，所有项目都会加载到多选框，但是当我单击文本框时，我看不到自定义添加的项目(即“全选”)。当我将多选框的自动绑定(bind)设置为 false 时，我可以在组合框中看到初始值，但是当我单击多选的文本区域时，我只看到“全选”项目。其他项目无法加载。

Answer 1

为什么不尝试使用(占位符)，它是 MultiSelect 中的一个属性

.Placeholder("Select All")

如果没有，那么您也可以尝试在数据绑定(bind)事件中添加数据

.Events(ev=>ev.DataBound("JavaScriptFunction"))