jueves, 30 de mayo de 2013

Como crear una ventana usando dhtmlxwindow de la manera mas sencilla



La manera mas sencilla de crear una ventana usando la libreria dhtmlxwindow es la siguiente

Primero se deben cargar las librerias necesarias
<link href="[ruta librerias]/dhtmlxwindows.css" rel="stylesheet" type="text/css"></link>
<link href="[ruta librerias]/dhtmlxwindows_dhx_skyblue.css" rel="stylesheet" type="text/css"></link>
<script src="[ruta librerias]/dhtmlxcommon.js"></script>
<script src="[ruta librerias]/dhtmlxcontainer.js"></script>
<script src="[ruta librerias]/dhtmlxwindows.js"></script>
Segundo se debe crear una funcion de Javascrip para crear ventana
 

function crearventana() // si tiene permisos de adicionar
{
   dhxWins = new dhtmlXWindows();
   dhxWins.enableAutoViewport(true);  
   dhxWins.setImagePath("/dhtmlxSuite/dhtmlxwindows/codebase/imgs/"); 
   var win = dhxWins.createWindow("miventana",110,250,700,350);    
   dhxWins.window("ven1").setText("Encabezado de la ventana");  
   dhxWins.window("ven1").denyResize();  //hace que laventana no sea posible cambiar su tamaño  
   dhxWins.window("ven1").attachURL("rutaenlaventana.html");
}
  
Tercero la función debe ser llamada desde algun objeto o metodo en el documento HTML
 
<input name="lanzaboton" onclick="crearventana()" type="button" value="Presione para lanzar ventana" /> 


Y listo es sencillo y ademas muy poderoso!!!!

viernes, 8 de febrero de 2013

getColumnLabel una funcion que nos da el nombre de una columna en una dhtmlxgrid

La función  getColumnLabel(3)  devuelve el valor del nombre de las columna 3 en el header de una dhtmlxgrid y se puede usar en combinación con getSelectedCellIndex() (Id de la columna actual)


Por ejemplo
la funcion:

mygrid.getColumnLabel(mygrid.getSelectedCellIndex()))=="Empleado")

Verifica si la celda actual pertenece a la columna de nombre "Empleado"

Es muy util cuando se desea tomar una decision solo para afectar a una celda dada, hacer operaciones , totales o sencillamente cambiar el tipo de la columna