Estoy creando una función que muestre horas médicas dentro de un Dropdownlist. Debo mostrar todas las horas pero marcar como "Tachadas" y Deshabilitadas las horas que ya están ocupadas de manera que la persona no pueda seleccionarlas; esta lógica la aplique en la BD ya que traigo todas las horas y las que están ocupadas tienen un "Semaforo" que marca que dichas hora están ocupadas pero no sé cómo hacer que esas horas que están ocupadas me salgan tachadas y deshabilitadas en el Dropdownlist.
En la siguiente imagen muestro todas las horas pero deberían salir las que están ocupadas como tachadas y deshabilitadas para no ser seleccionadas.
De esta manera lleno el dropdownlist con mis datos traídos desde la BD:
$.ajax({
url: "/metodoDeEjemplo/metodoDeEjemplo",
data: { parametrodeEjmeplo: parametrodeEjmeplo},
dataType: "json",
type: "POST",
timeout: 10000,
async: false,
success: function (data) {
if (data != null) {
let variabledeEjemplo = $('#inputdeEjemplo').data('kendoDropDownList');
variabledeEjemplo.dataSource.read();
}
}
});