Discussion :

[Alex_2607]

Bonjour,

Je une condition sur data.size qui me change l'affichage pour les grosses valeurs (1000=1k), reçu d'une API, pour mon tableau

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
      <td width="90">{data.price}</td>
      <td width="80">{data.size > 999 ? (data.size/1000).toFixed(0) + 'k' : data.size}</td>
      <td width="100">{data.timestamp}</td>

je voudrais savoir comment faire pour rajouter des conditions supplémentaires pour cet affichage (genre 1 000 000=1M)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

data.size > 999999 ? (data.size/1000000).toFixed(2) + 'M'

Mais je ne trouve pas la "syntaxe" pour pouvoir accoler ces 2 conditions (ou même d'une 3eme encore)... j'ai essayé les () et ||(ou) ... dois-je "borner" >datasize> pour écrire la condition?...

Merci de m'éclairer

[zoidrums]

Bonjour,

Premièrement, il faut prendre en compte le fait que 1 ko n'est pas égal à 1000 o mais plutôt à 1024 o... Il en va de même pour les Mo. 1 Mo = 1024 ko = 1024x1024 o

Pour ce qui est de de l'affichage conditionnel, je pense que tu peux ajouter un affichage conditionnel dans la seconde partie, dans ce style là :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
{data.size >= 1024 ? (data.size/1024).toFixed(0) + 'k' : (data.size >= 1024*1024 ? (data.size/(1024*1024)).toFixed(0) + 'k' : data.size)}

Sinon, tu peux gérer ça de manière plus "classique" avec des "if" et des "else"

[NoSmoking]

Bonjour,

Premièrement, il faut prendre en compte le fait que 1 ko n'est pas égal à 1000 o mais plutôt à 1024

attention quand même on ne sait pas ce que l'on manipule !

[Alex_2607]

Bonjours et merci zoidrums,

(Effectivement, NoSmoking, ce ne sont pas des octets, mais des quantités...)

Mais ce n'est pas grave, car c'est vraiment "la syntaxe", la façon d'écrire la seconde condition, qui me bloque...

j'ai donc mis (pour suivre la logique de l'exemple)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

      <td width="80">{data.size > 999 ? (data.size/1000).toFixed(0) + 'k' : (data.size > 999999 ? (data.size/1000000).toFixed(2) + 'M' : data.size)}</td>

Mais ça semble ne pas être ça, car j'ai encore des 1568k et jamais de 'M'...ceci dit ça tourne quand même (cette syntaxe n'est donc pas fausse et/ou bloquante)

Je me demande s'il ne vaudrait pas mieux inverser les conditions ; çàd passer celle de M d'abord et si elle n'est pas respectée, que ça passe sur la suivante... ?

(En revanche les tests sont pas facile à faire en ces jours de fêtes car les volumes sont bcp plus faibles que d'ordinaire et j'ai donc peu de valeur > à 1M entrantes...)

[Beginner.]

Salut,

Oui c'est normal et oui il faut inverser car un nombre supérieur à 999999 vérifie toujours la première condition qui est d'être supérieur à 999...

[Alex_2607]

(j'ai enfin eu une grosse donné, pour vérifier...)

Ouais c'est bon! c'était ça...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

      <td width="80">{(data.size > 999999 ? (data.size/1000000).toFixed(2) + 'M' : data.size > 999 ? (data.size/1000).toFixed(0) + 'k' : data.size)}</td>

Merci à tous