SageCRM - Ocultar Campos

Uno de los scripts que más vamos a utilizar en SageCRM es el script de ocultar campos según los valores de otros campos.

Como ya hemos visto en otros posts, esto lo podemos hacer con JavaScript “puro” o desde la versión 7.1 SP2 con jQuery.

En este ejemplo vamos a ver como mostrar/ocultar un campo de una comunicación según el valor del tipo de comunicación.

Si lo hacemos con JavaScript puro veremos que necesitamos más líneas de código y necesitamos verificar el navegador del cliente.

En ambos casos, el script lo definiremos dentro del “script de contenido personalizado” de la pantalla correspondiente.

GoogleMaps en ASP.NET MVC

En este post vamos a ver cómo podemos integrar Google Maps en nuestra aplicación ASP.NET MVC.

Veremos principalmente 3 cosas:

1.  Obtener una posición mediante las coordenadas de longitud y latitud
2.  Obtener una posición mediante una dirección
3.   Calcular una ruta desde una dirección a un punto

 

Para ello nos basaremos en las APIS que nos ofrece Google, concretamente en la APIde Google Maps y en la documentación específica de JavaScript.

jQuery en SageCRM - AutoComplete

En un post anterior empezamos a hablar de jQuery dentro de SageCRM y de las posibilidades y potencia que jQuery nos da. Una de las posibilidades que tenemos con jQuery es el uso de plugins ya creados. En este post hablaremos de cómo implementar un plugin de jQuery en SageCRM, en concreto el plugin de autocomplete.

En SageCRM existen varios tipos de campos de selección (Desplegable Simple, Desplegable MultiSelección o incluso existe la posibilidad de crear un campo de búsqueda avanzada sobre una entidad). Aun así, muchas veces nos encontramos con la necesidad de querer un campo desplegable que se auto-rellene según los valores que vamos introduciendo. 

Gracias a el plugin jQuery de autocomplete esto es posible como muestro a continuación.

jQuery en SageCRM - Eventos

Ya hemos visto que en SageCRM podemos utilizar jQuery. 

En este post voy a mostrar cómo se implementan  los métodos jQuery de los eventos de ratón y eventos de teclado.
 

Para ello realizaré algunos ejemplos que nos pueden ser de utilidad en nuestro día a día, en implementaciones de SageCRM:

1.     Mostrar Tooltip al entrar en un campo (mouseenter y mouseleave)
2.     Restringir la longitud de un campo, que esté comprendida entre 3 y 6 (focusout)
3.     Modificar la etiqueta de un campo al presionar una tecla dentro del campo (keypress)
4.     Animación de una etiqueta al clickar en el campo (click, fadein, fadeout)

jQuery en SageCRM

SageCRM es una herramienta que nos permite varios tipos de personalización, tanto a nivel de bloques del propio CRM, como con ASP Clásico o con dlls en .NET.

Además, como SageCRM es una aplicación Web, nos permite mediante JavaScript agregar funcionalidades directamente sobre el navegador (client-side). 

La novedad la encontramos a partir de la versión SageCRM 7.1 SP2, ya que incorpora las librerías de jQuery. Esto nos permite obtener toda la potencialidad de jQuery dentro de SageCRM sin tener que referenciar a su librería.

Esta librería la podemos encontrar dentro de la carpeta de instalación “CRM\WWWRoot\jQuery”.

Y si miramos el código fuente de la página principal de SageCRM, veremos que el propio SageCRM ya referencia estas librerías.

<script type="text/javascript" src="/CRM/jQuery/jquery-1.7.1.min.js"></script>

<script type="text/javascript" src="/CRM/jQuery/jquery-ui-1.8.16.custom.min.js"></script>

<script type="text/javascript" src="/CRM/jQuery/crmPopup.js"></script>

jqGrid - Funcionalidades - Editar (II)

En el post anteriores vimos cómo implementar “jqGrid”,   y algunas funcionalidades como ordenación, paginación, resize…

En esta entrada veremos:

·        Editar un registro en otra pantalla (dobleclick en la fila correspondiente)

·        Editar un registro desde la misma fila de la lista

·        Propiedades de Edición (link)

o   Tipos de campos (desplegables, texto, password , imagen …)

o   Atributos del campo (tamaño, longitud máxima, valores …)

o   Reglas de validación (requerido,  es un email, es un número,   es una fecha…)

o   Reglas de Validación personalizadas

jqGrid - Mas funcionalidades (I)

En el post anterior de “jqGrid” vimos cómo se podía implementar jqGrid en un desarrollo en ASP.NET MVC.

En las siguientes entradas, iré mostrando algunas de las funcionalidades y pequeños trucos y consejos.

En esta entrada veremos:

• Cómo modificar el tamaño del Grid, según el tamaño de nuestro navegador (Resize)
• Definir un tamaño mínimo de alto de nuestro Grid (height)
• Ordenación de las columnas (Sorted)
• Paginación

 

jqGrid - El Grid Definitivo

Una funcionalidad que desde siempre hemos necesitado, al desarrollar aplicaciones web, ha sido la de mostrar en una tabla diferentes datos, como pueden ser un listado de clientes, artículos o pedidos.

Estas tablas deberían incorporar paginación, ordenación, y otras muchas características que nos den toda la usabilidad y potencia que el usuario necesita.

Aquí es donde os presento jqGrid, un plugin JQuery, que como tal, funciona al lado del cliente, y nos evita los postbacks en el servidor. (Esto se traduce en mayor rapidez y eficiencia para el usuario)

Características de jqGrid 

·        Trabaja correctamente bajo Internet Explorer, Firefox, Chrome, Safari, Opera

·        Multi-idioma, La interfaz de usuario está en más de 20 idiomas

·        Se puede personalizar el CSS (Diseño, colores y formatos)

·        Paginación y Ordenación

·        Búsquedas y Filtros

·        CRUD, y edición directamente en las celdas de las filas

·        SubGrids y  Agrupados

·        Carga de datos de forma asíncrona vía Ajax

·        Acepta XML/JSON como orígenes de datos