1

Estoy intentando establecer que el tipo de ordenamiento de la lista ol sea por letras, (atributo type='A') para la creación de un fichero PDF con la librería pdfmake, pero no lo logro, cómo se realiza con esta librería?

Esto es lo que no funciona e intento realizar sobre todos los ol

letra: {
    list-style-type: upper-roman
}

pdfmake: enlace

Código

var dd = {
content: [
    { text: 'Pregunta 1', style: 'header' },
    {
        ol: [
            'RESPUESTA A',
            'RESPUESTA B',
            'RESPUESTA C',
            'RESPUESTA D'
        ],
        style: 'letra'
    }
],
styles: {
    header: {
        bold: true,
        fontSize: 15
    },
    letra: {
        list-style-type: upper-roman
    }
},
defaultStyle: {
    fontSize: 12,
}

}
7
  • ¿te refieres a orden alfabetico? el 13 jul. 2016 a las 11:56
  • Si, en orden alfabético ahora edito el título
    – dddenis
    el 13 jul. 2016 a las 11:58
  • quiza seria mejor poner un ejemplo desordenado pues ya esta ordenado y se pierde la idea. el 13 jul. 2016 a las 12:01
  • Está ordenado numéricamente busco alfabéticamente, ese es mi problema que no consigo cambiarle el tipo de 'simbolo'
    – dddenis
    el 13 jul. 2016 a las 12:06
  • el OL esta ordenado alfabeticamente y no hay (o no veo) ningun atributo type. el 13 jul. 2016 a las 12:08

2 respuestas 2

3

Puedes ordenar el array antes de pasarlo al PFD maker...

ejemplo.

var dd = {
  content: [ {
    text: 'Pregunta 1',
    style: 'header'
  }, {
    // fijate que las desordene
    ol: [
      'RESPUESTA B',
      'RESPUESTA D',
      'RESPUESTA A',
      'RESPUESTA C'
    ],
    style: 'letra'
  }],
  styles: {
    header: {
      bold: true,
      fontSize: 15
    },
    letra: {
      "list-style-type": "upper-roman"
    }
  },
  defaultStyle: {
    fontSize: 12,
  }
};

// asi la ordenas alfabeticamente
console.log(
  dd.content[1].ol.sort()
);

// luego reemplazas
 
dd.content[1].ol = dd.content[1].ol.sort();

1
  • Fuiste más rápido :P
    – Alvaro Montoro
    el 13 jul. 2016 a las 12:10
2

Sobre la primera parte de tu pregunta:

Esto es lo que no funciona e intento realizar sobre todos los ol

letra: {
    list-style-type: upper-roman
}

Eso no te funciona por dos motivos:

  1. Los índices no pueden llevar guiones si van sin comillas
  2. El valor upper-roman es una cadena y debe ir entrecomillada

La solución es simple: entrecomillar tanto el índice/llave, como el valor:

 letra: {
     "list-style-type": "upper-roman"
 }

Y entonces ya será un objeto válido.


Sobre la ordenación, @rnd te ha dejado una buena respuesta; yo voy a poner una alternativa un poco diferente. La idea es la siguiente:

  1. Atraviesa el objeto buscando listas en el contenido
  2. Si encuentra una lista
    1. Comprueba si hay un propiedad sort (creada por nosotros, no propia de pdfmake)
    2. Ordena la lista si la propiedad sort existe y es true.

El método en sí es similar al que propone @rnd, lo único es que es más genérico y te permite procesar más de una lista, además de que no necesitas conocer la posición de la lista para implementarlo.

Aquí te dejo un ejemplo de cómo sería. Cópialo al playground de pdfmake y podrás ver el resultado (la primera lista se ordena, la segunda no):

var dd = {
  content: [
    { text: 'Pregunta 1', style: 'header' },
    {
      ol: [
        'RESPUESTA C',
        'RESPUESTA B',
        'RESPUESTA A',
        'RESPUESTA D'
      ],
      style: 'letra',
      sort: true
    },
     { text: 'Pregunta 2', style: 'header' },
    {
      ol: [
        'RESPUESTA C',
        'RESPUESTA B',
        'RESPUESTA A',
        'RESPUESTA D'
      ],
      style: 'letra'
    }
  ],
  styles: {
    header: {
      bold: true,
      fontSize: 15
    },
    letra: {
      "list-style-type": "upper-roman"
    }
  },
  defaultStyle: {
    fontSize: 12,
  }
}

// ésta es la parte encargada de buscar y ordenar la listas
dd.content.forEach(function(element, index) {
    if ("ol" in element) {
    if (element.sort||false) {
      element.ol = element.ol.sort();
    }
  }
});
1
  • wow, no la había visto hasta ahora, así se enseña. el 15 jul. 2016 a las 12:18

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

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