StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>You can use <a href="http://docs.kendoui.com/api/web/multiselect#methods-value"><code>value()</code></a> method for setting the values.</p> <p>Example, give the following HTML:</p> <pre><code><a href="#" id="button" class="k-button">Select</a> <input id='selectedFilters'> </code></pre> <p>and the JavaScript:</p> <pre><code>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"]); }); </code></pre> <p>If you click on <code>button</code> the multi-value <code>input</code> gets: <code>name1</code>, <code>name2</code> and <code>name6</code>.</p> <p><strong>EDIT</strong> If you want to add to current selected values then do:</p> <pre><code>$("#button").on("click", function () { var selected = multiselect.value(); var res = $.merge($.merge([], selected), ["value1", "value2", "value6"]); multiselect.value(res); }); </code></pre> <p><strong>NOTE</strong>: For some sort of reason you cannot reuse <code>selected</code> array for setting new values, so you should create a new one.</p> <p>Check it running <a href="http://jsfiddle.net/OnaBai/LQx2z/">here</a></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload