Hi guys, i'm trying to set an 'xtype' togglefield in a FormPanel but it doesn't work. Debugger says
'Uncaught Error: INVALID_STATE_ERR: DOM Exception 11'
I don't understand why, if i change from xhtml document to html5 document, it works !!!
is it a bug ??
XTML Code:
PHP Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SVG</title>
<meta charset="utf-8" />
<link href="sencha-touch.css" rel="stylesheet" type="text/css" />
<script src="sencha-touch-debug.js" type="text/javascript"></script>
<script src="applicationToggle.js" type="text/javascript"></script>
</head>
<body>
</body>
</html>
Here applicationToggle.js:
PHP Code:
Ext.ns('DynamicForms'); // register our namespace
DynamicForms.MyForm = Ext.extend(Ext.form.FormPanel, {
initComponent: function(){
Ext.apply(this, {
floating: true,
width: 350,
height: 370,
centered: true,
modal: true,
hideOnMaskTap: false,
items: [{
xtype: 'selectfield',
options: [{
text: 'Test', value: 'Test'
}, {
text: 'Test2', value: 'Test2'
}, {
text: 'Test3', value: 'Test3'
}]
}, {
xtype: 'togglefield',
label: 'Toggle Test',
disabled: true
}]
});
DynamicForms.MyForm.superclass.initComponent.call(this);
}
});
Maybe a bug! ToggleField doesn't work in X-HTML Document
Reply With Quote