For some reason radiofields are rendering as checkfields in my app.
They have the checkbox icon instead of the radio icon, and I can select
multiple of them simultaneously.
Additionally, the app will crash if I assign multiple radiofields with the
same "name" config. I have inspected the elements and it appears that
the checkbox appearance is coming from apple.css, and I know I can
get around that with my own custom stylesheet, but I'm perplexed as
to why I cannot assign multiple radiofields with the same name, and
why I can "check" multiple radiofields. Here is my code and a screenshot:
Finally, the big error is in Sencha Touch 2. The getName() function returns the
"name" property, rather than fieldname. "name" is null, and it tries running a
replace() function on null, causing the error. getName() needs to be updated to
getFieldName or getFieldname and all code references to "name" need to be
Can someone post a fix for now until this is patched?
Upon further inspection, Sencha Touch 2 also doesn't add the
correct "name" element when rendering the input. I tried to
fix the issue myself temporarily by changing line 60656 in
sencha-touch-all-debug.js from name = this.getName()to name = this.config.fieldname, and that stops the error,
but it still prevents other radios with the same fieldname from
being unchecked because the query on line 60673,
elements = Ext.query('[name=' + name + ']', component.element.dom);
doesn't find any elements with the name set as all the radiobox inputs
are generated without a name property.
Ugh.. I figured this out. The "name" property works fine, but "style" must be a reserved word somewhere because it was the name "style" that was causing the error. Changing the name from "style" fixed the error