Extjs internet explorer object not found problem.

Posted by john misoskian on Stack Overflow See other posts from Stack Overflow or by john misoskian
Published on 2009-07-30T13:56:56Z Indexed on 2010/04/08 6:03 UTC
Read the original article Hit count: 947

Filed under:
|

hi; this code run firefox , but error on ie why ? please help me.

xxx.js code:

var gridFormf = new Ext.FormPanel({
        id: 'company-form',
        frame: true,
        labelAlign: 'left',
        title: 'Is 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: 'Servis Gelis 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: 'Gelis 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
        }]
    });

My html code :

<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 return to error. Error description is object gridFormf is not found.

© Stack Overflow or respective owner

Related posts about extjs

Related posts about internet-explorer