Erstellen einer kaskadierenden Dropdown-Liste im Sharepoint

Question

Wie gehe ich vor, wenn ich in Office 365 SharePoint eine Dropdown-Liste für kaskadierende Objekte erstellen möchte?

Wenn Sie z. B. ein Länder-Dropdown-Menü haben und USA auswählen, werden die 50 Staaten aufgelistet. Dann, wenn Sie Maryland wählen, erhalten Sie die Städte in diesem Staat.

Answer 1

Sie können das Info Path-Formular verwenden, das die Kaskadierung sehr vereinfacht. Wenn Sie Infopath nicht verwenden möchten, müssen Sie die Jquery CSOM- oder REST-API in der Form verwenden, in der Sie die Kaskadierung verwenden möchten.

gehen Sie bitte über folgenden Link für weitere Informationen:

http://www.markrackley.net/2014/05/20/cascading-drop-down-lists-in-sharepoint-office-365-using-rest/

https://spservices.codeplex.com/wikipage?title=%24%28%29.SPServices.SPCascadeDropdowns

Answer 2

Sie können REST-API verwenden Cascading Drop-Down in Sharepoint zu implementieren. Schritt für Schritt Artikel-Link: Cascading drop down in SharePoint using REST API

//Function to filter the values of Drink Types 
 
function loadDrinkTypes(selectedDrink) { 
 
    var drinkTypeListName = "Drink Type"; 
 
    var drinkTypeListURL = _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/getbytitle('" + drinkTypeListName + "')/items?$select=Title,Drink/Title,Drink/Id&$expand=Drink&$filter=Drink/Title eq '" + selectedDrink + "'"; 
 
    getReqData(drinkTypeListURL, function (data) { 
 
     var items = data.d.results; 
 
     if (items.length > 0) { 
 
      var optionsAsString = '<option value=""></option>'; 
 
      for (var i = 0; i < items.length; i++) { 
 
       optionsAsString += "<option value='" + items[i].Title + "'>" + items[i].Title + "</option>"; 
 
      } 
 
      $('select[title="Drink Type"]').html(optionsAsString); 
 
     } 
 
    }, 
 
     function (data) { 
 
      //alert("Some error occurred in getting Drink Types"); 
 
     }); 
 
} 
 

 
//JQuery AJAX to access REST API JSON data 
 
function getReqData(reqUrl, success, failure) { 
 
    $.ajax({ 
 
     url: reqUrl, 
 
     method: "GET", 
 
     headers: { "Accept": "application/json; odata=verbose" }, 
 
     success: function (data) { 
 
      success(data); 
 
     }, 
 
     error: function (data) { 
 
      failure(data); 
 
     } 
 
    }); 
 
}