在Kendo Dropdown DataTextField中提供多个值

时间:2013-10-08 06:55:38

标签: jquery asp.net-mvc kendo-ui

我想在Kendo Dropdown DataTextField中传递两个值。

@(Html.Kendo().DropDownList()
          .Name("language")
          .DataTextField("LanguageName")
          .DataValueField("Id")
          .Events(e => e.Change("changelanguage"))
          .BindTo(ViewBag.languages)
          .Value(ViewBag.DefaultLanguageId)
          .Template("<img src=\"" + Url.Content("~/Images/Flags/") + "${data.CountryFlagImage}\" class="SSPLanguageDropDown\" alt=\"${data.CountryFlagImage}\" />"+ "<dl><dt><dd>${ data.LanguageName }</dd></dt></dl>"))

剑道下拉列表中有两个值,首先是flag&amp;另一个是语言。我还想在DataTextField中添加带语言的标志,以便如何在那里添加它。

1 个答案:

答案 0 :(得分:2)

您必须手动连线:

@section scripts{
<script type="text/javascript">
function changelanguage(e) {

                var selectedPrTemplate = kendo.template('<span class="k-icon k-i-clock"></span>&nbsp;#:data.LanguageName#'); //Instead of this image span, link your flag url

                var dataItem = this.dataItem();
                if (dataItem) {
                    this.span.html(selectedPrTemplate(dataItem));
                }
            }      
</script>

}