0
190
VistasJavaScript: formato condicional dentro de una información sobre herramientas
Tengo una línea de creación de cadenas de tooltip como esta:
scheduler.templates.tooltip_text = function(start,end,event) { return "<strong style=\"font-size:16px;\"><a href=\"https://www.somewebsitethatshowsmoredetails.com/details:"+event.IMO+"/something:"+event.text+"\" target=\"_blank\">"+event.text+"</a></strong>"+" "+event.BubbleCode+ "<ul><li><strong>.....and other html injection here" }; La información sobre herramientas muestra un enlace URL y algunos datos alimentados desde el objeto 'event' .
Uno de esos detalles es 'event.BubbleCode' , que tiene un valor en cualquier momento, un número 0, 1, 2 o 3.
¿Hay alguna manera de colocar una declaración de switch() o alguna lógica dentro de la línea de cadena anterior para convertir ese valor de BubbleCode en un carácter coloreado como un asterisco?
Algo como esto... PERO para que el '3' sea un asterisco VERDE, o si es un valor de '2' para que sea un asterisco ROJO.
1 Respuestas
Responde la pregunta0
Podrías usar un lapso y establecer su color. Si su "interruptor" debe estar en línea, simplemente use un objeto y acceda a él en event.BubbleCode.
Podría verse así:
scheduler.templates.tooltip_text = function(start,end,event) { return "<strong style=\"font-size:16px;\"><a href=\"https://www.somewebsitethatshowsmoredetails.com/details:"+event.IMO+"/something:"+event.text+"\" target=\"_blank\">"+event.text+"</a></strong><span style=\"color:" + {0:'black',1:'yellow',2:'red',3:'green'}[event.BubbleCode] + ";\">*</span>"+ "<ul><li><strong>.....and other html injection here" };