Wie legen Sie die Daten Werte, auf die Kendo-Multi Select?

Ich bin mit einem Kendo-Multi Wählen. Ich möchte zu laden ausgewählten Werte in das multi auswählen. Wie stellen Sie die data-Werte in Java-Script? Ich habe Folgendes Skript:

$('#selectedFilters').kendoMultiSelect({
                    dataSource: data,
                    dataTextField: 'name',
                    dataValueField: 'value',
                    filter: 'contains',
                    placeholder: "Add Filter",
                    delay: 0,
                    minLength: 2,
                    highlightFirst: true,
                    ignoreCase: true,
                    change: function (event) {
                        applyFilters();
                    },
                });
InformationsquelleAutor Rodney | 2013-04-19
  1. 19

    Können Sie value() Methode für die Einstellung der Werte.

    Beispiel, geben Sie den folgenden HTML:

    <a href="#" id="button" class="k-button">Select</a>
<input id='selectedFilters'>

    und die JavaScript:

    var data = [
    { name : "name1", value : "value1" },
    { name : "name2", value : "value2" },
    { name : "name3", value : "value3" },
    { name : "name4", value : "value4" },
    { name : "name5", value : "value5" },
    { name : "name6", value : "value6" }
];
var multiselect = $('#selectedFilters').kendoMultiSelect({
    dataSource    : data,
    dataTextField : 'name',
    dataValueField: 'value',
    filter        : 'contains',
    placeholder   : "Add Filter",
    delay         : 0,
    minLength     : 2,
    highlightFirst: true,
    ignoreCase    : true,
    change        : function (event) {
        console.log("change");
    }
}).data("kendoMultiSelect");

$("#button").on("click", function () {
    console.log("multiselect", multiselect);
    multiselect.value(["value1", "value2", "value6"]);
});

    Wenn Sie auf button den multi-Wert - input bekommt: name1, name2 und name6.

    BEARBEITEN Wenn Sie möchten, fügen Sie dem aktuell selektierten Werte dann tun:

    $("#button").on("click", function () {
    var selected = multiselect.value();
    var res = $.merge($.merge([], selected), ["value1", "value2", "value6"]);
    multiselect.value(res);
});

    HINWEIS: Für irgendeine Art von Grund, warum Sie nicht wiederverwenden selected array für die Einstellung der neuen Werte, so sollten Sie eine neue erstellen.

    Überprüfen, es läuft hier

    • Wie würden Sie fügen Sie einen single-Auswahl?
    • Statt ein array einen string: multiselect.value("value1")
    • Nein, ich meinte, wenn ich 5 items ausgewählt, und ich möchte anfügen, ein 6. Element. Wer würde ich das tun?
    • Finden Sie in der EDIT
    • Wie würde die Auswahl nicht?
    • Entfernen Sie das element aus dem array...
    • .select() ist keine Methode, die in der version 2013.1.319 von KendoUI.
    • Sie haben Recht, es ist value
    • für irgendeine Art von Grund, warum Sie nicht die Wiederverwendung der original-array für die Einstellung der neuen Werte, so sollte man var res = $.merge($.merge([], selected), ["value1", "value2", "value6"]); und dann multiselect.value(res) Check it hier
    • Hüten Sie sich vor, wie OnaBai fand heraus: Man kann nicht einfach schieben Sie ein element in das array zurückgegeben, indem .Wert()!!!!! Warum??? Dieser dauerte Stunden, um herauszufinden, und immer noch macht keinen Sinn für mich...
    • Danke. Ich hätte einfach darum gebeten, Sie spüren, Sie sitzen 2 Würfel runter von mir: -).
    • Ich benutzte dieselbe Funktion und meiner ausgewählten Werte res = (2) ["3333333", "1000001XX"], wie dies aber immer noch konnte ich nicht sehen multiselektion

    InformationsquelleAutor OnaBai
  2. 1

    es ist ein einfacher Weg, dies zu tun. alle kendo-Steuerelemente haben eine rich-client-side API. So, hier ist die API-Dokumentation Seite MultiSelect - http://docs.kendoui.com/api/web/multiselect

    Kommen wir nun zu deinem problem, hier ist meine Lösung:

    Markup:

    <select id="required" multiple="multiple" data-placeholder="Select attendees...">
            <option>Steven White</option>
            <option>Nancy King</option>
            <option>Anne King</option>
            <option>Nancy Davolio</option>
            <option>Robert Davolio</option>
            <option>Michael Leverling</option>
            <option>Andrew Callahan</option>
            <option>Michael Suyama</option>
            <option>Anne King</option>
            <option>Laura Peacock</option>
            <option>Robert Fuller</option>
            <option>Janet White</option>
            <option>Nancy Leverling</option>
            <option>Robert Buchanan</option>
            <option>Margaret Buchanan</option>
            <option>Andrew Fuller</option>
            <option>Anne Davolio</option>
            <option>Andrew Suyama</option>
            <option>Nige Buchanan</option>
            <option>Laura Fuller</option>
        </select>

    JavaScript:

    //create MultiSelect from select HTML element
var required = $("#required").kendoMultiSelect().data("kendoMultiSelect");

    Nun, um die ausgewählten Werte für die Auswahlliste, Sie müssen nur benutzen Sie die value () - Methode. Hier ist der code:
    Festlegen einzelner Wert: 

    required.value("Laura Fuller")

    Mehrere Wert:

    required.value(["Laura Fuller","Laura Peacock"]);

    Nun zum löschen der Werte, Sie stellen nur leere Zeichenfolge als Wert

    required.value("");

    Nun, wenn Sie Anhängen möchten, was zu bereits ausgewählten Liste, Sie können tun, was @OnaBai hat, zeigen seine snippet.

    Das ist alles, es ist da, um das widget 🙂

    Hoffe, das war nützlich.

    • Sie Gesicht ein seltsames problem beim hinzufügen von Werten zu den bereits ausgewählten Werten. (Fall Sie nicht behandeln, in deiner Beispiele.) Sie können nicht einfach ändern, das array zurückgegeben .Wert(). Sie benötigen zum erstellen eines neuen array!
    InformationsquelleAutor kashyapa
  3. 1

    Ok ich kämpfte mit ist auch nach ich hatte die Antwort. Meine Kendo-Raster hatte, über 6.000 Artikel zur Auswahl. Es funktioniert die meiste Zeit. Es war gerade, als ich aktualisiert, die Auswahl war es, was mich Fragen.

    Den folgenden code mein Problem gelöst:

    //Remove previous selected Filters. (This was undocumented method. I got from Kendo)
multiSelect.dataSource.filter({});

//Set the new filters
multiSelect.value(newlySelectedFilters);
    InformationsquelleAutor Rodney
Schreibe einen Kommentar