vendredi 17 avril 2015

Checkbox 'ticks' not showing on ExtJS 5 application

I am building a pretty basic MVVM based extjs app generated through the Sencha CMD tools. This is an example of the code containing the checkboxes: ...



{
title: 'Nivel de Acceso Sistema',
flex: 2,
items:[{
xtype: 'fieldcontainer',
fieldLabel: 'Administración',
defaultType: 'checkboxfield',
items: [
{
boxLabel : 'Consulta',
name : 'systemAccess',
inputValue: '2',
id : 'checkbox1'
}, {
boxLabel : 'Escritura',
name : 'systemAccess',
inputValue: '3',
id : 'checkbox2'
}
]
}]
},


... Rendering this: enter image description here


But the checkbox's are apparently unresponsive, as when I check them, they still remain empty.


But when I check their value, it toggles as I click them:



//*click*
Ext.getCmp('checkbox1').getValue();
//true
//*click*
Ext.getCmp('checkbox8').getValue();
//false


As additional info (considering it could be a css scope related issue), my main view is not being rendered directly to the document body, but to a div inside the body:



<body>
<div id="senchaMainContainer">


Thank you so much!





Aucun commentaire:

Enregistrer un commentaire