Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

302
Visualizações
ExtJS - Relleno Combobox Multiselect

Estoy usando Modern Toolkit de ExtJS 7.3.1, y encontré un comportamiento extraño en los estilos de Combobox cuando la opción multiSelect está establecida en verdadero. Creé una aplicación ExtJS simple con dos cuadros combinados. La única diferencia entre ellos es que uno tiene la opción multiSelect configurada en verdadero y el otro la tiene configurada en falso. Incluyo el código para esta sencilla aplicación a continuación.

 Ext.application({ name: 'Fiddle', launch: function () { Ext.create('Ext.form.Panel', { fullscreen: true, items: [{ xtype: 'fieldset', items: [{ xtype: 'combobox', label: 'State', id: 'firstLabel', name: 'stateMulti', multiSelect: true, displayField: 'name', valueField: 'abbr', store: [ { abbr: 'AL', name: 'Alabama' }, { abbr: 'AK', name: 'Alaska' }, { abbr: 'AZ', name: 'Arizona' } ] }, { xtype: 'combobox', label: 'State', id: 'secondLabel', name: 'stateSingle', multiSelect: false, displayField: 'name', valueField: 'abbr', store: [ { abbr: 'AL', name: 'Alabama' }, { abbr: 'AK', name: 'Alaska' }, { abbr: 'AZ', name: 'Arizona' } ] }] }] }); } });

Después de ejecutar esta aplicación, veo que hay un pequeño relleno en la etiqueta cuando la opción multiSelect está configurada como verdadera, como se puede ver en la imagen a continuación. ¿Hay alguna forma de anular este comportamiento? Siento que tiene algo que ver con el estilo del Modern Toolkit para cuadros combinados de selección múltiple, pero no estoy seguro. Cualquier ayuda será apreciada.

cuadros combinados

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

Agregue modern - material a su CSS

 .x-selectfield .x-chipview .x-chipview-body-el { padding: 0; }

La diferencia es que ExtJS agrega una vista de chip para permitir que los elementos multiseleccionados se agreguen en línea.

Nota al margen

Para la selección múltiple, recomendaría enfáticamente optar por ExtJS 7.5, porque el error duplicado para el primer elemento se solucionó allí.

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda