lunes, 27 de enero de 2014

Como usar el DHTMLX Scheduler

Programador DHTMLX (scheduler) es un calendario de eventos de JavaScript que le permite añadir un planificador Google-como a su aplicación web o sitio web.

Interfaz de arrastrar y soltar intuitiva permite a los usuarios finales gestionar rápidamente los eventos y citas en diferentes vistas: Día, Semana, Mes, Año, Agenda, línea de tiempo, etc Muy ligero (unos 20Kb gzip), altamente personalizable, y rápido, dhtmlxScheduler proporciona una manera rápida de agregar un calendario de eventos basado en Ajax en una página web.

En este video les muestro como se usa DHTMLX Scheduler en un cliente real para manejar un sistema de Reservas

Si deseas usar un sistema de reservas en tu web no dudes en contactarme

20 comentarios:

  1. Hola Carlos, se que está pregunta no tiene nada que ver con el artículo pero me gustaría saber como en dhtmlxgrid puedo mostrar los datos que tengo en un objeto java. Gracias por está página que es un oasis en el tema de DHTMLX. Un saludo

    ResponderEliminar
  2. Pues tratare de ayudarte aunque en JAVA no soy muy bueno.

    La verdad es que debes recuperar en java el valor de las propiedades que deseas mostrar

    y luego usar la función SetValue la cual esta dentro de la libreria dhtmlxgrid.js

    mygrid.cells("row1",0).setValue("newValue");

    ten en cuenta que el valor newValue es un ejemplo que pongo yo ,la cuestion es que debes entregar como parametro un nuevo valor de variable. y ya debes ser cuidados con las sintaxis del lenguaje, en este caso JAVA. Espero te ayude!!!

    ResponderEliminar
  3. hola carlos, disculpa por escribir en esta parte pero la verdad es que no sabia donde mas..

    bueno mi problema es que tengo una grilla la cual muestra valores como 1 o 0, estos valores se cargan con una consulta a la bd desde php (bien hasta aqui), lo que pasa es que cuando el valor sea 1 esta debiese mostrar una imagen y cuando es 0 esta debiese mostrar un "-". el problema es que no se donde poner esa condicion.

    si me pudiesen ayudar estaría muy agradecido.....

    ResponderEliminar
  4. Claudio para mostrar una imagen en una celda de una dhtmlxgriddebe usar un tipo "img" type para esa celda, de la siguiente manera:
    img.gif

    El correspondiente valor en XML debe ser un "^" delimitando los valores de acuerdo a los siguientes parametros:
    1st - ruta de la imagen
    2nd - texto mientras carga (optional)
    3rd - enlace a donde se salta desde la imagen (optional)
    4rd - target (si estas usando frames para abrir el enlacepor defecto is _self)

    Se puede hacer el llamado de la siguiente manera

    laimagen.gif^texto_alt^javascript:hacerAlgo()^_self

    Aunque yo te recomiendo usarlo dentro de CDATA:
    ]]>

    por supuesto que debes trabajar un poco en la programacion en php dentro del ciclo

    para que solo sea de ese tipo esa celda en caso de ser 1 en este ejemplo sera la fila 3

    ejm

    //se hace la consulta

    while($fila = mysql_fetch_array($resultadosql))
    {
    if ($fila[3]=="1")
    {
    print(']]>');
    }
    else
    {
    // celda normal sin imagenes
    }
    }


    Por supuesto que esto lo debes hacer en el Archivo programado que genera el .XML

    Espero esto te ayude

    Carlos

    ResponderEliminar
  5. Puedes mirar este topico en el foro oficial http://forum.dhtmlx.com/viewtopic.php?f=2&t=8161

    Alli sale mejor el printf, por que aqui en los comentarios ponen problemas los CDATA naturalmente, espero te pueda ayudar el foro

    ResponderEliminar
  6. Hola buen día Carlos, antes que nada excelente trabajo con la implementación MySQL, fíjate que estoy trabajando en un proyecto y de igual manera necesito implementar exactamente un form para agendar servicios que se ofrecen a clientes y mostrarlos en el calendario lógicamente exactamente como lo has logrado, eh descargado el .zip para trabajar el código del scheduler pero encuentro varios samples en la carpeta que tiene el zip, la pregunta es cual podría ocupar para implementar lo que tú has logrado hacer? y que complementos necesito para comunicarlo a la base de datos. Gracias.

    ResponderEliminar
    Respuestas
    1. Hola gracias y que bueno que te ha gustado.
      Tendré que decirte que escojas un sample que tenga el cargado de los datos en XML.
      Y ese ejemplo usarlo para generar el XML con el tipo correcto, eso dependerá de tu base de datos y por supuesto de tu consulta sql

      Espero haberte ayudado!!!!

      Eliminar
    2. Y respecto a complementos pues solo las librerías de la cabecera , lo importante es armar bien el XML que hace la consulta

      Eliminar
  7. como cambiaste el calendario a español? y como hiciste la conexión con la Base de datos ?

    ResponderEliminar
    Respuestas
    1. Para activarlo en español debes usar la opcion de localizacion

      http://docs.dhtmlx.com/scheduler/localization.html

      y debes cargar la libreria locale_es.js

      < script src="../sources/locale/locale_es.js" charset="utf-8">

      La conexcion a la base de datos usando

      mysql_connect (http://php.net/manual/es/function.mysql-connect.php)

      espero te pueda colaborar...

      Eliminar
    2. ah se me olvidaba

      debes usar charset="utf-8", pues todos los archivos locale:* lo usanasi

      Eliminar
  8. Amigo carlos, una vez mas agradecido por tu colaboracion. Tengo un par de clientes a los que deseo colocarles el calendario de reservacion, evidentemente prsonalizados, uno es medico y el otro es con deportes, entonces mi pregunta en este punto es la siguiente: ya tengo el CRUD listo funcionando con la base de datos, quisiera colocar el calndario en la pagina web y el formulario parecido como el que muestras en este video, puedo incorporar el calendario directamente en mi archivo HTML? lo haria directamente donde desee que aparezca? me ayudas en la construccion del mismo? gracias...

    ResponderEliminar
    Respuestas
    1. Hola

      Espero esto te pueda ayudar: debes agregar los divs necesarios dentro del HTML en el lugar donde quieras este ubicado el Calendario de manera que se explica en el Step 2 (Step 2. Related DIV elements) de la siguiente url

      http://docs.dhtmlx.com/scheduler/how_to_start.html

      Miralo y espero que te pueda ayudar exitos...

      Eliminar
  9. Buenas tardes Amigo Carlos,

    Te explico como monte el calendario y te envio el error a ver si algo de lo que hice esta mal. Coloque todo en mi carpeta www de servidor local, cree la tabla en la base de datos, descargue los archivos necesarios para el calendario y los combine con el CRUD que me comentaste y una pagina web que es un solo archivo index.html Todo se muestra bien, en la parte del CRUD no he hecho la integración a la pagina web como tal, pero cuando hago click para ver el calendario la disponibilidad me sale una ventana emergente antes de cargar el calendario, con todo el codigo de programacion del archivo read.php, según lo que veo es que esta trayendo la informacion de la base de datos pero en codigo, le doy aceptar y se cierra y me muestra el calendario correctamente pero no me muestra los eventos registrados en la BD y eso es lo mas importante para mi ahora, pues ingresar información si puedo y se registra bien en la BD, pero no la muestra y no la veo en el calendario,

    Muchas gracias por tu apoyo,

    Saludos

    ResponderEliminar
  10. Hola, uns consulta, como se puede cambiar el lenguaje pero en ruby on rails?

    ResponderEliminar
    Respuestas
    1. Hola, ruby on Rails, es un framework de aplicaciones web de código abierto escrito en el lenguaje de programación Ruby , creo que se usa para aplicaciones web en el backend, y este componente Javascript funciona en el cliente por ello creo que se debe usar incrustando los componentes en las paginas web generadas por RoR, espero te sirva

      Eliminar