在Kendo下拉菜單中提供多個值DataTextField

我想在Kendo下拉菜單中傳遞兩個值DataTextField。在Kendo下拉菜單中提供多個值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中添加語言標記，以便在那裏添加標記。

來源

2013-10-08 Anand Thakkar

我試着用模板，但它的設計內部下拉列表中的CSS顯示多個值，但我想，在選擇的價值也有多個值設計的CSS。 –

選中的DropDown Item模板css消失，此功能處於隊列中。我們可以嘗試的是，糾正綁定收集服務器端併爲選定的項目css問題添加一些客戶端解決方法。對於，請提供一些代碼。我不知道你是否使用包裝或網頁腳本。 –

我將這與MVC一起使用，並用代碼更新問題。 –

您必須手動線了它：

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

}

來源

2013-10-08 09:05:54

有幾個變化它工作得很好非常感謝Bishnu。。。。 :) –

很高興它幫助... –

這是發生在改變的時候，但我也需要它在加載文件時它不是在文件打開時顯示，但現在我可以處理這個，但很多很多謝謝對於這個比什努。 –

在Kendo下拉菜單中提供多個值DataTextField

回答

相關問題