Evento HTML


([N1] tcvsi) #1

Agradecería alguna pista de por donde tirar.

Estoy implementando un calendario javascript en un formulario conun control HTML.
Por ahora sin problemas e incluso capturo el Link clicked y abro un formulario para modificar el registro.
El calendario permite hacer drag&drop de un evento y cambiarlo de día. Dentro de script que se ejecuta en el HTML puedo acceder a los valores del evento que se ha movido. Hasta aquí mas o menos me he aclarado y lo he podido resolver.

Ahora ya necesito alguna pista, porque todo lo que estoy probando y leyendo no me lleva a ningún sitio. Quiero poder capturar de alguna forma los datos del evento que se ha movido, los cuales estan en variables en el script del HTML. Quiero poder capturarlos para lanzar un proceso que actualice el registro en la base de datos y que quede grabado el drop.

No veo como enlazar información desde el HTML y un proceso sea velneo o javascript para tomar el control de los datos movidos.

Tampoco se si se puede hacer. Pero si teneís alguna idea de por donde tirar lo agradeceré.

Gracias


([N4] frueda) #2

Hola Tomás, tienes documentación del componente JS?? Tienes un evento del componente que se dispare cuando se efectúa una modificación de una tarea??

Si me dices el componente que estas usando, lo mismo te puedo ayudar con la doc.

Un saludo.


([N1] tcvsi) #3

Por supuesto. El comonente es FullCalendar http://fullcalendar.io/

La documentación relativa al evento que se dispara en el html está aquí http://fullcalendar.io/docs/event_ui/eventDrop/

Muchas gracias por tomarte el interés.
He escogido este calendario por ser open source en vez del dhtmlx sheduler que han utiliado otros. No obstante si es imposible resolver el problema estoy abierto a cambiar de componente.

Gracias


([N1] wikan) #4

Podrías usar la técnica de emular un link clicked cuando se produzca el drag & drop y capturar los datos de dicho evento


([N1] tcvsi) #5

Gracias Manuel, había pensado en ello, pero no se como hacerlo y nada de lo que he leído me ha ayudado en como abordarlo.


([N1] wikan) #6

¿Has visto estos enlaces?
https://velneo.es/foros/topic/enlazar-velneo-con-html/
https://velnex.wordpress.com/2013/10/16/v7-recogiendo-data-del-visor-html/

La idea sería capturar el evento en javascript como se haría en una web normal y lanzar esa simulación.

La otra opción, es por tcp. Abrir un servicio y enviar por ajax la información del evento y procesarla en la parte servidor del protocolo.


([N1] tcvsi) #7

Pues no lo había visto. Lo de Mario recuerdo haberlo leído hace tiempo, pero hoy no he tenido ocasión de encontrarlo.

Te agradezco mucho la información, la leeré con detenimiento y veré si puedo salir por aquí.

Muchas gracias


([N1] anton) #8

Revisa tus solicitudes de skype, para pasarte ejemplo.


([N4] frueda) #9

Buenas @tcvsi, lo que he hecho en alguna ocasión es simular un click con jquery, este click puede ser leido por velneo desde un VCWebView mediante setLinkDelegationPolicy:

En nuestro html:


<body>

<input id=“boton_oculto” type=“button” value=“boton_oculto” style=“display: none”>
<script src=“js/jquery.min.js”></script>
</body>

$(function() { // evento on ready

$(’#calendar’).fullCalendar({
events: [
// events here
],
editable: true,
eventDrop: function(event, delta, revertFunc) {

    $('#boton_oculto').click();

}

});

});

Un saludo.


([N1] Mario) #10

Tomás, si necesitas ayuda, skypeame :wink:


([N1] tcvsi) #11

Conseguido !!!

Al final he optado por la solución paortada por Mario Valdés en su entrada https://velneo.es/foros/topic/enlazar-velneo-con-html/ como bien me sugerísteis.

Cuando tenga cuadrado todo, prepararé un vin con la agenda y pondré un enlace.

Muchas gracias a todos.


([N1] runasoft) #12

Gracias estaremos atentos


([N4] Ramon Denuc) #13

@Tomás Cirac,

Lo de Cuando tenga cuadrado todo, prepararé un vin con la agenda y pondré un enlace. seria muy interesante, llevo muchas horas perdidas y no he sabido llegar nunca a poder tener una Agenda.

También tengo que reconocer que el JS lo llevo muy mal.

Saludos


([N2] Mgalvezh) #14

!!! Ojalá ¡¡¡¡ y podamos verlo pronto, sobre todo una explicación profunda para dummys, de como se hace, yo te estaría muuuuy agradecido.

Saludos.
Mi9guel.


([N1] tcvsi) #15

Lo prometido es deuda.
Aquí os dejo en señal de agradecimiento por la ayuda recibida un vin con la agenda simplificada al máximo para no liar con tablas y procesos que complicarían su entendimiento.

La agenda utilizada es Full Calendar
Es Open Source y creo que bastante completa, incluso permite integrar calendarios de Google. En la página hay una extensa documentación sobre cada una de las propiedades y métodos que se pueden aplicar. Yo he aprovechado bastantes en la agenda, pero seguro que se pueden utilizar más.

Lo he hecho sin apenas tener idea de JavaScript y mirando ejemplos. Agradecer a los que me ayudaron en este hilo para conseguir atrapar eventos en el HTML. Al final he utilizado la solución de Mario Valdés

Se puede mejorar y me gustaría que quién se atreva vaya compartiendo las mejoras. La primera que se me ocurre y a la que voy a dedicar tiempo (que ahora no tengo) es la de optimizar la carga de eventos, es decir cargar eventos en función del cambio de vista de la agenda y no tener que cargar todos los datos de la tabla, lo que seguro que no es operativo con muchos datos.

Agenda


([N2] oscarmjuarez1) #16

Sí señor, te ha quedado genial.

Muchísimas gracias por el aporte.

Un saludo


([N1] vgegeo) #17

Que bueno Tomas, gran aporte.

Gracias por compartir


([N4] Ramon Denuc) #18

@Tomas,

Me acabo de quedar a cuadros, excelente trabajo y grandioso aporte a la comunidad de Velneo.

Muchísimas gracias de verdad.

Saludos


([N1] JE) #19

Un gran trabajo y un gran aporte!!!

Muchas gracias!

Un saludo.


([N2] jorge) #20

Muchas gracias Tomas, muy buen aporte!!!