Wie man ausgewählte Werte des Kendo Multi Select?

Verwenden Sie dieses andere gibt-Indizes.

var multiselect = $("#SelectRoles").data("kendoMultiSelect");
var selectedData= [];
var items = multiselect.value();
for (var i=0;i<items.length;i++)
{
   selectedData.push(items[i]);
}

InformationsquelleAutor volvox

Ihre ursprüngliche code sieht nicht falsch. Sind Sie sicher, dass Sie immer nur die Indizes? Vielleicht solltest du deinen post MultiSelect-code als auch. Ich fand diese Frage, denn ich hatte das gleiche problem und benutzt die anderen Antworten Bezug, aber ich fand Sie zu kompliziert. So lassen Sie mich die Antwort in einem anderen komplizierten Weg 🙂

Hier ist, was ich habe. Ich weiß, es ist mehr code, als du brauchst, aber ich denke, es ist wichtig zu sehen, das gesamte Bild hier. Zunächst lassen Sie mich dies einzurichten. Es gibt ein problem mit dem Kendo().MultiSelect.Name("Name") - Eigenschaft, wenn Sie es mehr als einmal. "Name" setzt nicht nur die html-Namen, sondern die id als gut, und Sie wollen nie zwei ids mit demselben Bezeichner. Also in meinem code, bin ich mit dem anfügen einer eindeutigen Id zu meinem MultiSelect.Name-Eigenschaft, um sicherzustellen, eine eindeutige id. Ich setze die MultiSelect-in jeder Zeile einer Tabelle von Menschen. Ich zeige dieses, um sicherzustellen, dass Sie mit der DataValueField-Eigenschaft, so dass Sie in der Lage sind zu bekommen der ausgewählten Werte (nicht den text, den Sie in der Benutzeroberfläche sieht). Wenn Sie nur mit einer Liste von text-Werte mit keine id dahinter, vielleicht ist das, warum Sie immer die falschen Daten?

@foreach (var cm in Model.CaseMembers)
{
<tr>
<td>
    @(Html.Kendo().MultiSelect()
      .Name("IsDelegateFor" + cm.CaseMemberId)                              
      .Placeholder("is a delegate for..")
      .DataTextField("FullName")
      .DataValueField("CaseMemberId")
      .BindTo(Model.Attorneys)
    )
</td>
</tr>
}

dann, später, in meiner jQuery wo ich versuchen, extrahieren Sie die DataValueField (CaseMemberId), die das array von ausgewählten Werten der MultiSelect...

var sRows = [];
$('#cmGrid tr').each(function () {
    //'this' is a tr
    $tr = $(this);
    //create an object that will hold my array of selected values (and other stuff)
    var rec = {};   
    rec.IsADelegateFor = [];        
    //loop over all tds in current row
    $('td', $tr).each(function (colIndex, col) {
        if (colIndex === 3) {
            //make sure our MultiSelect exists in this td
            if ($(this).find("#IsDelegateFor" + rec.CaseMemberId).length) {                        
                //it exists, so grab the array of selected ids and assign to our record array
                rec.IsADelegateFor = $(this).find("#IsDelegateFor" + rec.CaseMemberId).data("kendoMultiSelect").value();                        
            }
        }
    }
    //add this tr to the collection
    sRows.push(rec);
}

also ist dies alles eine super ausführliche Art zu sagen, dass dies eine einzige Linie, wie die anderen Leute erwähnt funktioniert perfekt greifen die ids. Es gibt keine Notwendigkeit zu Durchlaufen .value () - array und drücken Sie den Inhalt in ein array!

rec.IsADelegateFor = $(this).find("#IsDelegateFor" + rec.CaseMemberId).data("kendoMultiSelect").value();  

Also in deinem original-code, gibt es keinen Grund, das folgende nicht funktionieren sollte,

var multiselect = $("#SelectRoles").data("kendoMultiSelect");
var selectedData = [];
selectedData = multiselect.value();
console.log(selectedData);

es sei denn,

• Sie nicht über Ihre MultiSelect richtig eingerichtet ist, in C# mit DataValueField
• Sie mehrere MultiSelects auf der Seite mit der exakt gleichen id und es ist zu Lesen von einer anderen, als Sie denken.
• Sie auch nicht Wert-Felder, nur eine Liste von text.

InformationsquelleAutor redwards510