0

Muy buenas tardes a todos

Estoy intentando mostrar una lista de datos la cual es llenada antes en el Backend y mostrarla en el HTML pero que cada elemento de la lista se muestre como un "Punteo" como por ejemplo asi:

introducir la descripción de la imagen aquí

el formato debe mostrarse asi tal cual ya que es llegar y mostrar por que el formato viene asi desde la base de datos (SQL):

introducir la descripción de la imagen aquí

Lo he hecho antes mostrándolo dentro de grillas pero nunca hacerlo como punteo o listado, lo que siempre hago es recibir el Datatable desde la base de datos y luego pasarlo a una lista la cual es recibida como data en el JS y luego mostrada en la grilla por ejemplo pero nunca lo he hecho como un punteo o mostrándola como

  • Cualquier ayuda es bienvenida

    El lenguaje usado es C# con framework .net y JS junto a JQUERY

    Otra herramienta que utilizo es KENDO UI pero no conosco un input que sea parecido a una lista punteada para llenarlo desde el backend.

    Muchas Gracias!!!

  • 2
    • 1
      Fácil, creas una lista no ordenada <ul>, haces un ciclo para mostrar los datos <li>Información de cada resultado</li> y terminas cerrando la lista </ul>.
      – Triby
      Commented el 28 ene. 2022 a las 20:06
    • claro tienes razón no se me había ocurrido intentarlo con un <ul></ul> lo intentare gracias!!!!! Commented el 28 ene. 2022 a las 20:10

    1 respuesta 1

    1

    Puedes recorrer tu array de datos con un forEach y acceder a la etiqueta ul para insertar cada uno de los datos.

    Ejemplo:

    var list = [
      'Eum perferendis aliquam id.',
      'Voluptatum recusandae eligendi eius rerum ut nemo error.',
      'Dolores ex nobis vel ipsa deleniti nulla doloribus.',
    ];
    var listView = document.querySelector('#list');
    
    list.forEach((item) => {
      listView.innerHTML += `<li>${item}</li>`;
    });
    <ul id="list"></ul>

    Puedes ver mas acerca de como usar una lista en HTML aqui

    1
    • Muchas Gracias Chicos esto mismo estaba buscando ahí me funciono Perfectamente!!!!. Commented el 28 ene. 2022 a las 21:00

    ¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.