Como usar un calendario en la edicion de una celda de una Grid

Para que una Grid  tenga  un calendario  hay dos  pasos fundamentales para que en la celda deseada  al hacer click se desprenda un calendario que al seleccionar una fecha determinada, se actualiza inmediatamente en la Grid y en la base de datos.

myGrid.setColTypes("ed,dhxCalendar,dhxCalendarA"); //(1) myGrid.setColSorting("str,date,date"); //(2)

(1)  setColTypes es para escoger el tipo de columna, en este caso dhxCalendar  ó dhxCalendarA, se diferencian en que dhxCalendarA maneja la opción de escribir la fecha manualmente mientras que el primero no.



Img.1.1.dhxCalendar.

Img.1.2.dhxCalendarA.



(2) setColSorting sirve para escoger la clase de columna, en este caso  con date para manejar  fechas.


El ejemplo anterior se encuentra en la siguiente URL:
http://dhtmlx.com/docs/products/dhtmlxGrid/samples/01_cell_types/01_calendar_grid.html

Enlace setColTypes
http://docs.dhtmlx.com/api__link__dhtmlxtreegrid_setcoltypes.html


Enlace setColSorting
http://docs.dhtmlx.com/api__link__dhtmlxtreegrid_setcolsorting.html

Enlaces recomendados:

consejos de seo en colombia

Codigo abierto en Colombia

Como cargar registros del servidor en DhtmlxGrid

Para cargar registros del servidor la funcion que utilizamos es  load. Su estructura es la siguiente:

void load(mixed data,function doOnLoad);

Parametros:

data- donde se cargan los registros, como url.
doOnLoad- llama usuario definido por usuario, despues el dato es cargado y retornado. Es opcional.

Ejemplo

myVault.load("get_records.php", function(){
    // las filas son cargadas
    // codigo
});

consejos de seo en colombia

Como activar evento en campo que va a enviar parametros a la grid

Para activar un evento en un campo que se va a usar en la grid usamos onKeyUp, su estructura es:

void onKeyup(object inp,object ev,string name,string value){ ... };


Ejemplo:

myForm.attachEvent("onKeyUp",function(inp, ev, name, value){
    //codigo    
});


-Cuando se necesite para trabajar con una grid que recoja los resultados  obtenidos en esta, se usa de la siguiente forma:

<form>
<input type="text" onKeyUp="change(this.value)">

</form>

Cabe mencionar que para su buen funcionamiento, requiere de un archivo llamado en este caso change.js

consejos de seo en colombia

Como definir combo para aceptar cualquier texto en DhtmlxCombo

Para definir si un combo acepta cualquier texto introducido o las opciones de la lista única usamos
attachEvent, su estructura es la siguiente:

void allowFreeText(boolean state);


Parameters
state- boolean true/false, allow/disallow, "false" por defecto.

Ejemplo:
myCombo.allowFreeText(true);


consejos de seo en colombia

Como agregar handler definido por usuario en DhtmlxCombo

 Para agregar cualquier manejador definido por el usuario a los eventos disponibles usamos  attachevent.

number attachEvent(string name,function handler);

Parametros:

name-nombre del evento

handler function-controlador de eventos definidos por el usuario

Ejemplo:

// adjuntar evento

var evId = myComponent.attachEvent("eventName", function(){

    // codigo

});

// separar evento

myComponent.detachEvent(evId);

consejos de seo en colombia

Como mostrar los numeros de la semana en DhtmlxCalendar

Para añadir  una columna con números de la semana al lado izquierdo del calendario utilizamos la función showWeekNumber, su estructura es:

void showWeekNumbers();

Ejemplo:
myCalendar.showWeekNumbers();



consejos de seo en colombia

Como activar calendario cuando se hace click sobre el encabezado en DhtmlxCalendar

Para poder activar el calendario cuando el usuario hace clic en una flecha en el encabezado de este se usa la siguiente función:

void onArrowClick(Date date,Date nextdate){ ... };



Sus parametros son:

date-es el mes que sale inicialmente seleccionado
nextdate-mes seleccionado recientemente.

Ejemplo:
myCalendar.attachEvent("onArrowClick", function(date, nextdate){
    // resto de codigo
});



consejos de seo en colombia