Kendoui Multiselect显示在工具提示中选择的文本值

时间:2014-06-26 10:21:11

标签: kendo-ui

我遇到问题,我想在工具提示上显示MultiSelect控件的选择文字值。 我只能显示MultiSelect的值(数字),这是我的代码:

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

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

一起显示数值而不留空格。 - > 14376

我想显示文字值,而不是数值。 我想我必须使用数组来显示文本值,但我不知道它是怎么做的。 如果有人对此问题有回应,我很感激解决方案。感谢。

3 个答案:

答案 0 :(得分:1)

也许这可以帮到你一点

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;
        }
    }
}

答案 1 :(得分:0)

我使用的是更新版本的Kendo UI,因此您提出此问题后可能会发生变化。我会给你一个更新的答案..

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;
        }
}

答案 2 :(得分:0)

其他示例

$("#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);

您可以使用“item”查看详细信息“dataItem”。

item.City_Name