我有 6 个容器cls: tipoDocumento contrato：
{
xtype: 'container',
layout: 'vbox',
align: 'center',
hidden: true,
cls: 'tipoDocumento contrato',
listeners: {
click: {
element: 'el',
fn: function (e, t) {
alert("FIRMAR")
}
},
mouseover: {
element: 'el',
fn: function (e, t) {
this.addCls('rowGridAzul')
}
},
mouseout: {
element: 'el', //bind to the underlying el property on the panel
fn: function (e, t) {
this.removeCls('rowGridAzul')
}
}
},
items: [
{
xtype: 'image',
src: 'img/custom/XL_firmar.png',
width: 66,
height: 66,
cls: 'imagen_elegir_tipo_documento'
},
{
xtype: 'label',
layout: 'fit',
text: lang.getString('FIRMAR'),
width: 66,
cls: 'textoElegirTipoDocumento'
}
]
},
和 5 只有cls: tipoDocumento.
当我使用第一个 componentQuery 时，将返回 6 个在他们的类中带有 'contrato' 的元素。但是当我使用第二个 componentQuery 时返回 0 个项目，而不是只有 'cls:tipoDocumento' 的 5 个元素。
Ext.ComponentQuery.query('#listadoTiposDeDocumento')[0].query("container[cls~=contrato]");
Ext.ComponentQuery.query('#listadoTiposDeDocumento')[0].query("container:not[cls~=contrato]");
这个项目的 cls 将是动态的，所以这是我看到的唯一方法，但我做错了，我看不到它。