選擇所有複選框Boxlabel在Internet Explorer中不可點擊

Question

在我創建的小提琴中，在下面提到的Select All複選框不能在Internet Explorer中單擊。它在Chrome和Firefox中正常工作。

我使用ExtJS的版本6.0.1

Answer 1

這是因爲使用了padding: '0, 0, 0, -13'這是不是讓你點擊複選框，因爲它是隱藏的（按IE）。

看來你不想顯示默認的複選框。所以，你可以使用component而不是checkbox來實現相同的功能。

{ 
       xtype: 'component', 
    //creating unique id because we need handle of this checkbox later 
       id: id + 'selectAllChkBox', 
      html: '<img class="checkbox-unchecked" style="height:13px;width:13px;"></img>' + ' Select All', 
        listeners: { 
     render: function(chkBox){ 
      chkBox.getEl().on({ 
       click: function() { 

        combo.expand(); 
        if (!allSelected) { 
         combo.select(combo.getStore().getRange()); 
         totalCount = combo.getStore().getRange().length; 

         allSelected = true; 
         chkBox.setHtml('<img class="checkbox-checked " style="height:13px;width:13px;"></img>' + ' Deselect All'); 

        } else { 
         combo.reset(); 
         combo.setValue(null); 
         totalCount = 0; 
         allSelected = false; 
         chkBox.setHtml('<img class="checkbox-unchecked " style="height:13px;width:13px;"></img>' + ' Select All'); 
        }    } 
      }); 
     } 
        } 

      }