jQuery Girl
  1. jQuery Girl
  3. Kendo dropdown rebind en utilisant jquery
Intereting Posts
Comment peut-on faire défiler en douceur entre les objects d’une page avec les touches fléchées? Comment re-rendre un article de hibou-carrousel? Effacement et ajout de diapositives / Réinitialisation de flexslider? Fondu enchaîné des images dans jQuery Comment cibler «l’étape» actuelle de fullpage.js à l’aide de jQuery Texte simple non cliquable dans la liste déroulante sémantique-ui Comment obtenir les atsortingbuts de conteneur dans jQuery? MeteorJS: Comment obtenir un élément cliqué Définissez minDate sur Today dans Bootstrap DateTimePicker Comment définir la valeur de sélection dans le plugin select2 – jquery Conflit entre Bootstrap tabbable et popover jQuery Mobile -> Ignorer l’interface utilisateur jQuery Datepicker -> Disposition brisée jQuery Les éléments ajoutés avec href et javascript ne fonctionnent pas jQuery if..else instructions conditionnelles basées sur l’id de hachage extraite jquery ui datepicker bouton de retour passe à 1899

Kendo dropdown rebind en utilisant jquery

entrez la description de l'image ici

J’essaie de lier une liste d’éléments SelectList à un menu déroulant Kendo dans jQuery à l’aide de l’ dropDown.setDataSource(result) . Mais le problème est que les données affichées dans la liste déroulante sont affichées sous la forme [object object] . 

  $(document).ajaxStop(function () { var exportTypeDropDown = $("#exportTypeDropDown").data("kendoDropDownList"); if (dropDownLoaded == false && exportTypeDropDown!=null) { dropDownLoaded = true; var url = "@Url.Action("GetExportTypes", UiControls.ControllerName)"; $.ajax({ url: url, type: "POST", traditional: true, success: function (result) { exportTypeDropDown.setDataSource(result); } }); } });

Essayez ceci, ceci est juste exemple, 

  @Html.DropDownList("CustomerId", (SelectList)ViewBag.CustomerNameID, "--Select--") @(Html.Kendo().DropDownList() .Name("ddlSearchPNResults") .DataTextField("Text") .DataValueField("Value") .AutoBind(false) .CascadeFrom("CustomerId"))

Scénario 

  $(document).ready(function () { $("#CustomerId").change(function () { var ddl = $('#ddlSearchPNResults').data("kendoDropDownList"); var Id = $("#CustomerId").val(); $.ajax({ url: '@Url.Action("GetCustomerNameWithId", "Test")', type: "Post", data: { CustomerNameId: Id }, success: function (listItems) { ddl.setDataSource(listItems); } }); }); });

Manette 

  public JsonResult GetCustomerNameWithId(ssortingng CustomerNameId) { int _CustomerNameId = 0; int.TryParse(CustomerNameId, out _CustomerNameId); var listItems = GetCustomerNameId(_CustomerNameId).Select(s => new SelectListItem { Value = s.CID.ToSsortingng(), Text = s.CustomerName }).ToList(); return Json(listItems, JsonRequestBehavior.AllowGet); }

Cela fonctionne parfaitement.

En effet, kendo ne sait pas à quelle propriété de l’object SelectListItem vous souhaitez SelectListItem une liste déroulante Value et Text . 

 $('#exportTypeDropDown').kendoDropDownList({ dataTextField: "Text", dataValueField: "Value", autoBind: false });

Assurez-vous de le faire avant de définir sa dataSource .