Extjs Internet Explorerオブジェクトが見つからない問題
-
05-07-2019 - |
質問
このコードはfirefoxを実行しますが、エラーが発生するのはなぜですか?助けてください。
xxx.jsコード:
var gridFormf = new Ext.FormPanel({
id: 'company-form',
frame: true,
labelAlign: 'left',
title: 'İş Emri',
bodyStyle:'padding:5px',
width: 1,
tbar: [
newIsEmri,delIsEmri,edIsEmri,rapIsEmri,serIsEmri
],
layout: 'column', // Specifies that the items will now be arranged in columns
items: [
{
columnWidth: 0.3,
layout: 'fit',
items: [{
columnWidth: 1,
xtype: 'fieldset',
labelWidth: 90,
title:'Ekip / Servis',
defaults: {width: 120, border:false}, // Default config options for child items
defaultType: 'textfield',
autoHeight: true,
bodyStyle: Ext.isIE ? 'padding:0 0 5px 15px;' : 'padding:10px 15px;',
border: true,
style: {
"margin-left": "10px", // when you add custom margin in IE 6...
"margin-right": Ext.isIE6 ? (Ext.isStrict ? "-10px" : "-13px") : "0" // you have to adjust for it somewhere else
},
items: [{
fieldLabel: 'Ekip / Personel',
name: 'SERVIS_VEREN'
}]
},{
columnWidth: 1,
xtype: 'fieldset',
labelWidth: 90,
title:'Ürün',
defaults: {width: 120, border:false}, // Default config options for child items
defaultType: 'textfield',
autoHeight: true,
bodyStyle: Ext.isIE ? 'padding:0 0 5px 15px;' : 'padding:10px 15px;',
border: true,
style: {
"margin-left": "10px", // when you add custom margin in IE 6...
"margin-right": Ext.isIE6 ? (Ext.isStrict ? "-10px" : "-13px") : "0" // you have to adjust for it somewhere else
},
items: [{
fieldLabel: 'Cihaz',
name: 'URUN_CIHAZ_ADI'
},
{
fieldLabel: 'Marka',
name: 'URUN_MARKA_ADI'
},
{
fieldLabel: 'Model',
name: 'URUN_MODEL_ADI'
},{
fieldLabel: 'Seri No',
name: 'URUN_SERI_NO'
}
]
}]
},{
columnWidth: 0.3,
layout: 'fit',
items: [{
columnWidth: 1,
xtype: 'fieldset',
labelWidth: 90,
title: 'Serviş Geliş Türü',
defaults: {
width: 140,
border: false
}, // Default config options for child items
defaultType: 'textfield',
autoHeight: true,
bodyStyle: Ext.isIE ? 'padding:0 0 5px 15px;' : 'padding:10px 15px;',
border: true,
style: {
"margin-left": "10px", // when you add custom margin in IE 6...
"margin-right": Ext.isIE6 ? (Ext.isStrict ? "-10px" : "-13px") : "0" // you have to adjust for it somewhere else
},
items: [{
fieldLabel: 'Geliş Türü',
name: 'SERVIS_GELIS_TURU'
}]
},RadioPanels
]
},{
columnWidth: 0.3,
layout: 'fit',
items: [{
columnWidth:1,
autoHeight: true,
border: true,
items: [gridAksesuar]
},gridAriza,{
columnWidth: 1,
xtype: 'textarea',
labelWidth: 0,
width:250,
defaultType: 'textarea',
autoHeight: true,
border: false,
name:'ARIZA_ACIKLAMASI'
}]
},{
columnWidth: 1.0,
layout: 'fit',
items: gridFormx
}]
});
私のhtmlコード:
<script src="/ApplicationJs/xxx.js" type="text/javascript"></script>
<script type="text/javascript">
Ext.onReady(function() {
var viewport = new Ext.Viewport({
layout:'fit',
items: [gridFormf]
});
</script>
Internet Explorerがエラーに戻ります。エラーの説明はオブジェクトgridFormfが見つかりません。
解決
コードに余分なコンマ(、)がないか確認してください。構成オブジェクト、または場合によってはデータストア用のJSONリターンで。 FFはレンダリングされますが、IEは壊れます。
最初にJSLintを介してJSコードを実行し、次にバリデーターを介してJSONを実行します
他のヒント
これはおそらくextJsのバグです。 sencha.comのサンプルViewPort [RSS Feed]アプリを試してみると、Internet Explorerで左の折りたたみが失敗していることがわかります。
所属していません StackOverflow