Todas las entradas de: admin

Guía 82 – PivotGrid y edición de sus datos.

Como sabéis, los usuarios habituales de este blog, ya había publicado un artículo sobre la solución de PivotGrid utilizando la biblioteca de DevExtreme.

En esta ocasión, este ejemplo, tiene las siguientes características que le diferencia del anterior:

  • El modelo de datos en el que se basa es mucho más simple, para que la compresión sea más fácil.
  • Utiliza un Api Rest para acceder a los datos. Que es la forma estándar que se utiliza con todos los interfaces de JavaScript (React, Angular, Vue.js, etc.)
  • Nos permite, desde la propia visualización Pivot, actualizar los registros base.

La petición me ha hecho un desarrollador para poder implementar un sistema de control de tesorería o “CashFlow” y puede emplearse para muchos otros detalles como para la evaluación de presupuestos de empresa, etc.

Objetivo

Definir un PivotGrid, muy potente en su definición y representación y poder actualizar la información base desde el mismo interface gráfico.

DEMO:  https://fhumanes.com/devextreme_php/

Si estás interesado en este tema, sigue leyendo el artículo en este enlace.

Crear una APP Web (Actualización 11/04/2024)

Se ha actualizado este ejemplo que partió de una versión PHPRunner 9.8 con las características y potenciación de la versión de PHPRunner 10.91.

Desde mi punto de vista, aunque todavía podría mejorarse más (por ejemplo, pudiendo editar las páginas para móvil desde el Diseñador de páginas), la solución actual es muy potente y se pueden hacer APP muy interesantes y potentes.

Se ha utilizado las opciones de páginas para móviles, que son muy potentes para diferenciar páginas de APP de escritorio y de móvil y personalización de interfaz de las aplicaciones.

DEMO: https://fhumanes.com/compra

Puedes utilizar el usuario “user1″/”user1” o darte de alta en la APP.

Te aconsejo que utilices un dispositivo móvil, para que observes cómo se puede instalar y lo agradable que se ve en dicha plataforma.

Hay muchos aspectos de JavaScript y CSS, que modifican características generales que creo pueden ser de mucho interés para quienes deseen construir una APP de este tipo.

Para acceder a toda la información y los fuentes del ejemplo, sigue este enlace.

Integrar PHPRunner en WordPress

Diferentes artículos de integración con WordPress

Desde la publicación del primer artículo han trascurrido 3 años y medio y PHPRunner ha avanzado mucho, por lo que he vuelto a estudiar esta problemática y he publicado este conjunto de artículos que creo necesitáis leer antes de tomar una decisión.

En esta ocasión voy a explicaros cómo utilizar una biblioteca de JavaScript para integrar los datos de un aplicativo PHPRunner en WordPress. Muy importante, el gestor de base de datos que aportará la información es el de la aplicación PHPRunner (MySQL, SQLServer, Oracle, Ingres, SQLite, etc.).

La técnica de integración va a ser la utilizada en los 2 artículos anteriores, es decir, utilización de un plugin de WP que ejecute una URL e integre el resultado en la página de WordPress.

Como conocéis, soy gran admirador de la solución de “DevExtreme” y he utilizado una parte muy pequeña de las solución que aporta en la publicación de “Grid”. El método de integración es similar siempre que la librería disponga de un interface de JQuery.

Objetivo

Publicar información de aplicación PHPRunner en BLOG de WordPress utilizando solución de biblioteca JavaScript con interface JQuery.

DevExtreme Demo

Si te interesa el artículo, sigue leyéndolo en este enlace.

Guía 52 – Utilización de “sweetalert2” para confirmar “salvar” datos (Actualización)

Esta solución, en su versión anterior no se controlaban las validaciones de los campos y resultaba chocante el que apareciera el “Alert” de diálogo y que luego dijera que no había validado los datos y por ello, no había actualizado el registro.

En esta versión se resuelve esto validando uno a uno, los campos del formulario.

El código ha quedado de esta forma:

/* Validation fields */

var fields = ['text1','number1'];  // All fields to validate

var validation = true;
let i = 0;
while (i < fields.length) {
    var ctrl = Runner.getControl(pageid, fields[i]);
   var status = ctrl.validate();
   if (status.result == false) {
      validation = false;
   }
    i++;
}
console.log("validation: "+ validation);

if ( validation ) {
  Swal.fire({
    title: 'Do you want to save the changes?',
    showDenyButton: true,
    // showCancelButton: true,
    confirmButtonText: 'Save',
    denyButtonText: "Don't save",
    }).then((result) => {
    /* Read more about isConfirmed, isDenied below */
      if (result.isConfirmed) {
         Swal.fire('Saved!', '', 'success')
         // $('#saveButton7').click();
         $('a[id^="saveButton"]').click();

      } else { 
      if (result.isDenied) {
        Swal.fire('Changes are not saved', '', 'info') 
      }
    }
   })
}
return false

Creo que la solución, así, queda más consistente y válida.

Si deseas leer todo el artículo, sigue este link.

Guía 80 – Traducir contenidos gestionados en Base de Datos

En el foro de Xlinesoft un desarrollador preguntó cómo se podría realizar traducciones, de forma automática, de contenidos de una base de datos.

Pensé que podría ser este un ejemplo sencillo de cómo utilizar el repositorio de código de GITHUB, buscar código que pueda resolver el problema e incorporar ese código a un proyecto PHPRunner.

Objetivo

Al introducir o modificar un texto en un campo de la base de datos, y en ese momento, traducir dicho texto y almacenarlo en otro campo de la base de datos.

DEMO: https://fhumanes.com/translate

Si te interesa este tema, sigue leyendo el artículo en este enlace.