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

Como alinear valores en columnas en DhtmlxGrid

Para alinear valores en columnas con el DhtmlxGrid usamos la siguiente función:
void setColAlign(string alStr);


alStr- La list de valores que se pueden seleccionar(right,left,center,justify).Por defecto es ",".

Ejemplo:

mygrid.setColAlign("right,left,center,justify")


consejos de seo en colombia

Como asignar tipo de columna en DhtmlxGrid

Para asignar el tipo de columna en DhtmlxGrid usamos la función void setColTypes(string typeStr);


typeStr-quiere decir la lista de tipo de códigos que estan en el ejemplo(por defecto es ",")

Ejemplo:

mygrid.setColTypes("dyn,ed,txt,price,ch,coro,ra,ro");


consejos de seo en colombia

Presentacion en español de los productos DHTMLX

En esta entrada hacemos una vision general de los componentes dinamicos de DHTMLX


consejos de seo en colombia

Como retornar el estado del dataprocessor

Como retornar el estado del dataprocessor

Para  devolver el estado del dataprocesador se usa getSyncState, su estructura es la siguiente:

bool getSyncState();


Retorna bool true cuando todos los datos estan guardados.
Si algo de lo que se ha realizado no se ha guardado, o recibe como respuesta error, el metodo retorna false.

consejos de seo en colombia

Como marcar un item como actualizado en dataProcessor

Para marcar un item como  updated en dataProcessor usamos  setUpdated. Su estructura es:

void setUpdated(string id,string state,bool mode);

Parametros

state contiene el tipo de operación( updated, inserted, deleted )
mode bool false cuando se necesita remover el estado de update the update

Ejemplo:
dp.setUpdated(1);
dp.setUpdated(2, "deleted");

consejos de seo en colombia

Mostrar un mes en específico para DhtmlxCalendar

Mostrar un mes en específico para DhtmlxCalendar

Hace que el mes que sea especificado sea visible en el calendario que se va a mostrar. Se muestra mes deseado con su
respectivo año. Su estructura es:

void showMonth(mixed date);


date es el mes y año que se quier emostrar.

Ejemplo:

// mostrar  Junio, 2011
myCalendar.showMonth(new Date(2011,5,1));
//otra  forma  de ingresar fecha
//  mostrar Enero, 2013
myCalendar.showMonth("2013-01-01");

consejos de seo en colombia

Escoger un tema(skin) para DhtmlxCalendar

Escoge un skin o tema para un calendario, su estructura es:

void setSkin(string skin);

Los parámetros del skin son: "dhx_skyblue", "dhx_web", "dhx_terrace", "omega"

Ejemplo:

myCalendar.setSkin("omega");


consejos de seo en colombia

Como obtener una opción por valor en DhtmlxCombo

Para obtener una opción por valor en DhtmlxCombo usamos getOption, su estructura es la siguiente:

object getOption(string value);

Parametros
value es el valor de la opción en cuestión.

object retorna las propiedades de las opciones

Ejemplo:

myCombo.getOption(value);
consejos de seo en colombia

Como añadir nueva opción en DhtmlxCombo

Para añadir una nueva opción en DhtmlxCombo se usa  addOption, su estructura es:

void addOption(mixed options);

Parametros
"options" son diferentes entradas para distintos tipos de opciones

Ejemplo:

var myCombo = new dhtmlXCombo("combo_zone3","alfa3",200);
myCombo.addOption([
    ["a","option A"],
    ["b","option B", "color:red;"],
    ["c","option C"]
]);

consejos de seo en colombia

Como seleccionar todo en un DhtmlxGrid

Existe la opción para seleccionar todo en un en una grid y es  el comando checkAll. Su esctructura es:

void checkAll(boolean mode);

Parametros:

el modo check es boolean ya que debe tener dos opciones, que retorne un verdadero o falso.

Ejemplo:

//selecciona todos los checkboxes en la grid
myTreeGrid.checkAll(true);
//ninguno seleccionado de los  checkboxes en la grid
myTreeGrid.checkAll(false);


consejos de seo en colombia

Como ocultar un ítem en DhtmlxMenu

Para  ocultar un ítem en un DhtmlxMenu usamos  el comando hideItem. Su estructura es la siguiente:

void hideItem(mixed id);

el "id" es el item que va a ser ocultado


Ejemplo:

myMenu.hideItem(itemId);



consejos de seo en colombia

Como asignar href o sobreescribir en DhtmlxMenu

Asigna  href  en un ítem, sino sobreescribe el antiguo si es que este ya existe en un Menu de Dhtmlx. Para esto usamos setHref, su estructura es la siguiente:

(mixed itemId, string href, string target);


Parámetros

itemId        tipo mixed     el id de un item
href            tipo string      para abrir url  en lugar de controlar el evento onClick
target         tipo string      atributo del destino

Ejemplo:

myMenu.setHref(itemId, "www://dhtmlx.com", "blank");


consejos de seo en colombia

Uso de la funcion getSelectedRowId() en una grid

Esta funcion retorna el id de una fila seleccionada (o una lista de Ids con delimitador )o retorna vacio, si no hay filas seleccionadas


Esto es importante si queremos determinar el identificador unico de alguna fila para tomar decisiones, ojala el ejemplo les haya servido

Curso de Ajax en colombia

Como borrar una fila en una DhtmlxGrid

Para borrar una fila de una Grid de Dhtmlx usamos la funcion deleteRow
No devuelve parametros y recibe el id de la fila a eliminar (este Id viene dado por el XML que alimenta la grid)

void deleteRow(number/string row_id);


Tambien se puede usar un numero si se quiere hacer con indice iniciando desde cero



consejos de seo en colombia