CODEWITHSUNDEEP
kendo-ui
jc paquot
jc paquot

Reputation: 23

Kendoui Multiselect show text values selected on tooltip

I have a problem, I like to show a select text values of a MultiSelect control on a tooltip. I only can show the value(numeric) from MultiSelect, this is my code:

var multiselect = $("#combo_multi").data("kendoMultiSelect");

value2 = multiselect.value(); //show only numeric values ->14376, etc.

Show the numeric values together without spaces. ->14376

I like to show the text value, not the numeric value. I think I have to use an array for show the text value, but I don´t know how do it. If somebody have the response of this problem, I appreciate the solution. Thanks.

Upvotes: 1

Views: 5229

Answers (3)

Majid joghataey
Majid joghataey

Reputation: 1537

Example other 

$("#multiselect").kendoMultiSelect();
var multiselect = $("#CityTo").data("kendoMultiSelect");
var dataItem = multiselect.dataItems();

//***Debug

var CityArray = new Array();
CityArray = dataItem;
alert(JSON.stringify(CityArray));

//***End Debug

//**************** Applied example

var newHtml = "";
var item = dataItem;
$.each(item, function (index, item) {
newHtml += '<div class="panel panel-default" ><div class="panel-heading">' + item.City_Name + '</div><div class="panel-body">Panel Content</div></div>';
});

$("#CityCount").html(newHtml);

You can see the details "dataItem" using "item."

item.City_Name

Upvotes: 1

RobDigital
RobDigital

Reputation: 535

I'm on a newer version of Kendo UI so possibly things have changed since you asked this. I'll give you an updated answer..

var multiselect = $("#combo_multi").data("kendoMultiSelect");
var selectedValues = multiselect.value();
var multiSelectData = multiselect.dataSource.data();
var count = selectedValues.length;
for (var i = 0; i < multiSelectData.length; i++) {
        if (selectedValues.indexOf(multiSelectData[i].Value) >= 0 ) {
                //found, do something
                var selectedText = multiSelectData[i].Text;
                count--;
        }
        if (count == 0) {
             break;
        }
}

Upvotes: 0

Jarno Lahtinen
Jarno Lahtinen

Reputation: 1703

Maybe this could help you a bit 

var multiselect = $("#combo_multi").data("kendoMultiSelect");
var value2 = multiselect.value();
var selectedValues = value2.split(",");

var multiSelectData = multiselect.dataSource.data();

for (var i = 0; i < multiSelectData.length; i++) {
    var numberValue = multiSelectData[i].number;
    for (var j = 0; j < selectedValues.length; j++) {
        if (selectedValues[j] == numberValue) {
            // here we get description for value
            var desc = multiSelectData[i].description;
            break;
        }
    }
}

Upvotes: 1

Related Questions