Extjs gridpanel中的checkbox(复选框)根据某行的条件不能选中的解决方法

具体代码如下所示：

Ext.define('AM.view.test.ReceiptList', { 
  extend: 'Ext.grid.Panel', 
  alias: 'widget.receiptlist', 
  id : 'receiptlist', 
  selModel : { 
    selType : 'checkboxmodel', 
    mode : 'SIMPLE', 
    checkOnly : true, 
    renderer : function(v,p,record) { 
      if (record.data.XR0003 == '0') { 
        return '<div class="x-grid--checker"> </div>'; 
      }else{ 
        return ''; 
      } 
    } 
  }, 
  listeners: { 
    beforeselect: function(grid, record, index, eOpts) { 
      if (record.get('XR0003')!=0) { 
        return false; 
      } 
    } 
  } 
}); 

Descripción del código:

1.El código marcado en rojo es crucial;

2.El código en renderer indica que solo se muestra el cuadro de selección cuando se satisfacen las condiciones;

3.El código en listeners realiza una condición de juicio antes de la selección, si no es igual a 0, no se selecciona;

4.Pueden combinar los dos métodos según sus necesidades.

Lo mencionado anteriormente es la solución que el editor les presenta para que los cuadros de selección en Extjs gridpanel no puedan seleccionarse según las condiciones de una fila, esperamos que les sea útil. Si tienen alguna pregunta, déjenos un mensaje y el editor les responderá a tiempo. También muy agradecidos por el apoyo a la página web de tutorial de clamor!

Declaración: El contenido de este artículo se obtiene de la red, es propiedad del autor original, el contenido se contribuye y carga de manera autónoma por los usuarios de Internet, este sitio no posee los derechos de propiedad, no ha sido editado por humanos y no asume responsabilidad alguna por las responsabilidades legales. Si encuentra contenido sospechoso de infracción de derechos de autor, le invitamos a enviar un correo electrónico a: notice#oldtoolbag.com (al enviar un correo electrónico, reemplace # con @) para denunciar y proporcionar evidencia relevante. Una vez verificada, este sitio eliminará inmediatamente el contenido sospechoso de infracción.