Blog

Caso de uso: le gustaría que un botón u otro componente del Panel cambie su formato cuando ocurre otra acción, como hacer clic en un botón.

Por ejemplo, desea cambiar el color de fondo de un botón cuando se hace clic en otro. Un cliente me solicitó cambiar el color de fondo de un botón para indicar que se había hecho clic en él. ya.

Tuve otro caso, en un cliente, donde un panel tenía varios cuadros combinados que actuaban como filtros que cambiarían el contenido de una Vista de tabla en ese panel solo después de una "Buscar" adicional. Se hizo clic en el botón. El botón de búsqueda actualizó el contenido de la Vista de tabla según los filtros del cuadro combinado modificados. Dado que se configuró el panel, los usuarios tenían que hacer clic en el botón Buscar después de todo los filtros del cuadro combinado estaban seleccionados, el cliente solicitó que en el momento en que se cambiara un cuadro combinado, el color de fondo del botón de búsqueda cambiara para indicar que era necesario hacer clic en él, luego una vez que se hizo clic en él (y se actualizó la vista de tabla), el color de fondo del botón Buscar se restablecería.

Logré todo esto usando una regla de extensión del panel.

La siguiente captura de pantalla muestra el ejemplo del panel que configuré para demostrar cómo hacer esto. Es un tablero con 4 botones, 3 de ellos representan diferentes colores que al hacer clic en cambiará el color de fondo del botón denominado "Restablecer". Cuando se hace clic en el botón Restablecer, el color de fondo de ese botón volverá a ser blanco.

Paso 1: creé 3 paneles, 4 botones, 1 parámetro y un parámetro proporcionado.

Paso 2. Incrusté 2 de los paneles en el panel principal. Observe cómo también agregué un parámetro suministrado a este panel. Este es un paso importante (todos son pasos importantes) que garantiza que el valor del parámetro que contendrá el color de fondo “fluye” a todos los paneles.

Paso 3. Al panel principal agregué una tarea de servidor que ejecuta una función de extensión del panel. Esta función se ejecutará cuando el tablero se cargue y restablezca el color del botón de reinicio en la parte posterior del tablero. al blanco. En un paso posterior, describiré la función del panel que hace esto.

Paso 4. En uno de los paneles integrados, agregué los 3 botones creados anteriormente, que representan colores.

Paso 5. En el otro panel agregué el "Botón Restablecer".

Paso 6. Luego creé un parámetro de valor de entrada. Este parámetro mantendrá el color del fondo del “Botón Restablecer”.

Paso 7. Era necesario crear un parámetro suministrado que estuviera vinculado al parámetro creado previamente en el paso 6.

Paso 8. En el "Botón Restablecer", configuro la propiedad de formato de color de fondo igual al parámetro que creé en el Paso 6. Esto controlará el color de fondo del botón como lo son los otros botones. hizo clic.

Paso 9. Para restablecer el color de fondo del “Botón Restablecer” a blanco, agregué una tarea de servidor cambiada de selección que ejecuta una función de extensión de panel que cambia el valor del parámetro que La propiedad de formato de fondo está establecida en. En un paso más adelante describiré esa función. Además, configuré la acción Selección de interfaz de usuario modificada en este botón para actualizar el panel que este botón está dentro, para que el usuario vea el color de fondo actualizado/restablecido.

Paso 10. A cada uno de los "botones de color", azul, rojo y amarillo, se les debe agregar una tarea de servidor de selección cambiada que ejecutará una función de Dashboard Extender que cambiará el valor del parámetro. que el “Botón Restablecer” usa para establecer su color de fondo. Además, estos botones deben configurarse para actualizar el panel que contiene el "Botón Restablecer". Observe como en la llamada del Dashboard Función de extensión Estoy pasando el color como parámetro que utilizará la función.

Paso 11. Cree la función Dashboard Extender "Al cargar" que restablecerá el color de fondo del "botón Restablecer" a su color de fondo predeterminado. Si no hace esto cuando se carga el panel, el El color de fondo del "Botón de reinicio" será el color del "Botón de color" en el que se hizo clic por última vez.

Esta función se coloca en la sección Cargar panel de Dashboard Extender y establece el valor del parámetro utilizado en la propiedad de formato de fondo del "Botón Restablecer" usando un XFLoadDashboardTaskResult. objeto.

Paso 12. En la sección Selección de componentes modificada del Dashboard Extender, creé la función que se llama mediante los "Botones de color". Obtiene el valor del parámetro "BackgroundColor" pasado en la llamada de función desde el botón. Este parámetro contiene el color de propiedad de fondo al que se debe configurar el "Botón de reinicio". Usando un objeto XFSelectionChangedTaskResult la función devuelve y actualiza el parámetro utilizado.

Ahora, cuando un usuario hace clic en uno de los "Botones de color", el color de fondo del "Botón de reinicio" cambia al color del "Botón de color" en el que se hizo clic.

Si se hace clic en el "Botón Restablecer", el color de fondo del "Botón Restablecer" vuelve a ser Blanco.

Aunque este ejemplo cambió el color de fondo de un botón, se aplica el mismo principio si desea cambiar el color de cualquier otro componente que tenga una opción formateable al hacer clic en un botón.