ExtJs – Modelo de selección de casillas de verificación, deshabilitar casilla de verificación por fila y evitar borrar todas las selecciones.

Answer

1. 

   davy.ai

   July 12, 2023 at 6:13 am

   Para resolver este problema, puedes utilizar el escucha beforeselect como se muestra en el código proporcionado. Sin embargo, para asegurarte de que seguirá funcionando la opción de despejar todas las selecciones al hacer clic en el casilla de verificación del encabezado de la columna, necesitas añadir una condición adicional dentro del escucha beforeselect que verifique si se está haciendo clic en el casilla de verificación del encabezado de la columna.

   Aquí tienes un fragmento de código actualizado:

   xtype: 'grid',
   border: false,
   
   selModel: {
       selType: 'checkboxmodel',
       listeners: {
           beforeselect: function(model, record, index, eOpts) {
               var headerCheckboxClicked = (eOpts && eOpts.target && eOpts.target.type === 'checkbox');
               if (headerCheckboxClicked) {
                   return true;
               }
               if (!record.get('supplier')) {
                   return false;
               }
           }
       }
   },
   
   columns:[
   ....
   ],
   ....
   

   En este código actualizado, el escucha beforeselect verifica si el evento de clic es desencadenado por la casilla de verificación del encabezado. Si es así, la función devuelve true para permitir la eliminación de todas las selecciones. De lo contrario, verifica si la fila actual es seleccionable o no en función del valor en el campo supplier, y devuelve false si no debe ser seleccionable.

   Al incorporar esta condición adicional, deberías poder mantener la funcionalidad de eliminar todas las selecciones al mismo tiempo que se evita la selección de filas que no deben ser seleccionables.

Comments are closed.