jquery - 在 Kendo 下拉数据文本字段中提供多个值

Question

我想在 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>"))

剑道下拉列表中有两个值，第一个是标志，另一个是语言。我还想在 DataTextField 上添加带有语言的标志，那么如何才能在那里添加它。

Answer 1

您必须手动连接它:

@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>

}