Javascript 仅限Ext Js IE错误
我的web应用程序在Firefox或Chrome上运行良好,但在IE中不起作用。它向我显示以下消息: 对象不支持此属性或方法 文件:ext-all.js-行:7-字符:6100 有没有办法解决这个问题 顺便说一句:我正在使用ext3.4。 编辑:所有我的外部布局创建者代码:Javascript 仅限Ext Js IE错误,javascript,internet-explorer,extjs,extjs3,Javascript,Internet Explorer,Extjs,Extjs3,我的web应用程序在Firefox或Chrome上运行良好,但在IE中不起作用。它向我显示以下消息: 对象不支持此属性或方法 文件:ext-all.js-行:7-字符:6100 有没有办法解决这个问题 顺便说一句:我正在使用ext3.4。 编辑:所有我的外部布局创建者代码: Ext.onReady(function() { var viewport = new Ext.Viewport({ layout: 'border', renderTo: document.body,
Ext.onReady(function() {
var viewport = new Ext.Viewport({
layout: 'border',
renderTo: document.body,
items: [{
region: 'north',
height: 25,
xtype: 'toolbar',
items: [{
xtype: 'button',
text: 'Início',
iconCls: 'home',
handler:function() {
var tabs = Ext.getCmp('dynamic-tabs');
tabs.add({
title: 'Início',
closable:true,
iconCls:'home'
}).show();
}
}, {
xtype: 'button',
text: 'Sistema',
iconCls: 'sistema',
menu: {
items: [{
text: 'Usuários',
iconCls: 'usuario',
handler: function(){ },
menu: {
items: [{
text: 'Teste1',
iconCls: 'usuario',
handler: function(){
var tabs = Ext.getCmp('dynamic-tabs');
tabs.add({
title: 'Teste1',
closable:true,
autoLoad: 'iframe.php?url=index.php',
iconCls: 'usuario'
}).show();
}
}, {
text: 'Teste2',
iconCls: 'usuario',
handler: function(){
var tabs = Ext.getCmp('dynamic-tabs');
tabs.add({
title: 'Teste2',
closable:true,
autoLoad: 'iframe.php?url=index.php',
iconCls: 'usuario'
}).show();
}
}]
}
}, {
text: 'Configurações',
iconCls: 'sistema',
handler: function(){
var tabs = Ext.getCmp('dynamic-tabs');
tabs.add({
title: 'Configurações',
closable:true,
autoLoad: 'iframe.php?url=form.php',
iconCls: 'sistema'
}).show();
}
}, {
text: 'Relatório Vertical',
iconCls: 'relatorio',
handler: function(){
var tabs = Ext.getCmp('dynamic-tabs');
tabs.add({
title: 'Relatório Vertical',
closable:true,
autoLoad: 'iframe.php?url=relatorio_v.php',
iconCls: 'relatorio'
}).show();
}
}, {
text: 'Relatório Horizontal',
iconCls: 'relatorio',
handler: function(){
var tabs = Ext.getCmp('dynamic-tabs');
tabs.add({
title: 'Relatório Horizontal',
closable:true,
autoLoad: 'iframe.php?url=relatorio_h.php',
iconCls: 'relatorio'
}).show();
}
},
'-', {
text: 'Sair',
iconCls: 'logoff',
handler: function(){
location.reload()
}
}]
}
}, {
xtype: 'button',
text: 'Abas',
iconCls: 'abas',
menu: {
items: [{
text: 'Criar nova Aba',
iconCls: 'tab_add',
handler: function(){
var tabs = Ext.getCmp('dynamic-tabs');
tabs.add({
title: 'Nova Aba',
html: 'Tab Body',
closable:true,
iconCls: 'tab_add'
}).show()
}
}, {
text: 'Ir para a primeira Aba',
iconCls: 'tab_go',
handler: function(){
tabs.setActiveTab(0);
}
}, {
text: 'Excluir 2a Aba',
iconCls: 'tab_delete',
handler: function(){
var tabs = Ext.getCmp('dynamic-tabs');
if (tabs.get(1)) {
var tab = tabs.get(1);
tabs.remove(tab);
}
}
}]
}
}, {
xtype: 'button',
text: 'Menus',
iconCls: 'usuario',
menu: {
items: [{
text: 'Sub-menus com título dif.',
iconCls: 'usuario',
handler: function(){ },
menu: {
items: ['Título do Sub-menu',
{
text: 'Sub-menu #1',
iconCls: 'usuario',
handler: function(){
var tabs = Ext.getCmp('dynamic-tabs');
tabs.add({
title: 'Sub-menu #1',
closable:true,
autoLoad: 'iframe.php?url=phpinfo.php',
iconCls: 'usuario'
}).show();
}
}, {
text: 'Sub-menu #2',
iconCls: 'usuario',
handler: function(){
var tabs = Ext.getCmp('dynamic-tabs');
tabs.add({
title: 'Sub-menu #2',
closable:true,
autoLoad: 'iframe.php?url=phpinfo.php',
iconCls: 'usuario'
}).show();
}
}]
}
}, {
text: 'Sub-menus com título igual',
iconCls: 'usuario',
handler: function(){ },
menu: {
items: ['Sub-menus com título igual',
{
text: 'Sub-menu #1',
iconCls: 'usuario',
handler: function(){
var tabs = Ext.getCmp('dynamic-tabs');
tabs.add({
title: 'Sub-menu #1',
closable:true,
autoLoad: 'iframe.php?url=phpinfo.php',
iconCls: 'usuario'
}).show();
}
}, {
text: 'Sub-menu #2',
iconCls: 'usuario',
handler: function(){
var tabs = Ext.getCmp('dynamic-tabs');
tabs.add({
title: 'Sub-menu #2',
closable:true,
autoLoad: 'iframe.php?url=phpinfo.php',
iconCls: 'usuario'
}).show();
}
}]
}
}, {
text: 'Sub-menus sem título',
iconCls: 'usuario',
handler: function(){ },
menu: {
items: [{
text: 'Sub-menu #1',
iconCls: 'usuario',
handler: function(){
var tabs = Ext.getCmp('dynamic-tabs');
tabs.add({
title: 'Sub-menu #1',
closable:true,
autoLoad: 'iframe.php?url=phpinfo.php',
iconCls: 'usuario'
}).show();
}
}, {
text: 'Sub-menu #2',
iconCls: 'usuario',
handler: function(){
var tabs = Ext.getCmp('dynamic-tabs');
tabs.add({
title: 'Sub-menu #2',
closable:true,
autoLoad: 'iframe.php?url=phpinfo.php',
iconCls: 'usuario'
}).show();
}
}]
}
}, {
text: 'Sub-menu grande',
iconCls: 'usuario',
handler: function(){ },
menu: {
items: [{
text: 'Nível #1',
iconCls: 'usuario',
handler: function(){ },
menu: {
items: [{
text: 'Nível #2',
iconCls: 'usuario',
handler: function(){ },
menu: {
items: [{
text: 'Nível #3',
iconCls: 'usuario',
handler: function(){ },
menu: {
items: [{
text: 'Nível #4 e etc...',
iconCls: 'usuario',
handler: function(){ }
}]
}
}]
}
}]
}
}]
}
}]
}
}]
} , {
region: 'center',
xtype: 'tabpanel',
id: 'dynamic-tabs',
items: [{
title: 'Início',
autoLoad: 'iframe.php?url=phpinfo.php',
iconCls:'home'
}]
} , {
region: 'south',
xtype: 'toolbar',
id: 'barra',
height: 25,
items: [{
xtype: 'tbtext',
text: 'Pacific Tecnologia da Informação © 2011',
html: '<img src=\'imagens/logo_peq.png\' />'
}]
}]
});
var tabs = Ext.getCmp('dynamic-tabs'); tabs.setActiveTab(0); });
Ext.onReady(函数(){
var viewport=新的Ext.viewport({
布局:“边框”,
renderTo:document.body,
项目:[{
地区:'北',
身高:25,
xtype:'工具栏',
项目:[{
xtype:'按钮',
文本:“Início”,
iconCls:“家”,
处理程序:函数(){
var tabs=Ext.getCmp('dynamic-tabs');
tabs.add({
标题:“Início”,
closable:是的,
iconCls:“家”
}).show();
}
}, {
xtype:'按钮',
文本:“Sistema”,
iconCls:“sistema”,
菜单:{
项目:[{
文本:“Usuários”,
iconCls:“usuario”,
处理程序:函数(){},
菜单:{
项目:[{
文本:“Teste1”,
iconCls:“usuario”,
处理程序:函数(){
var tabs=Ext.getCmp('dynamic-tabs');
tabs.add({
标题:“测试1”,
closable:是的,
自动加载:“iframe.php?url=index.php”,
iconCls:“usuario”
}).show();
}
}, {
文本:“Teste2”,
iconCls:“usuario”,
处理程序:函数(){
var tabs=Ext.getCmp('dynamic-tabs');
tabs.add({
标题:“测试2”,
closable:是的,
自动加载:“iframe.php?url=index.php”,
iconCls:“usuario”
}).show();
}
}]
}
}, {
文本:“配置”,
iconCls:“sistema”,
处理程序:函数(){
var tabs=Ext.getCmp('dynamic-tabs');
tabs.add({
标题:“配置”,
closable:是的,
自动加载:“iframe.php?url=form.php”,
iconCls:“sistema”
}).show();
}
}, {
文字:“垂直关系”,
iconCls:“relatorio”,
处理程序:函数(){
var tabs=Ext.getCmp('dynamic-tabs');
tabs.add({
标题:“垂直关系”,
closable:是的,
自动加载:“iframe.php?url=relatorio_v.php”,
iconCls:“relatorio”
}).show();
}
}, {
文本:“水平关系”,
iconCls:“relatorio”,
处理程序:函数(){
var tabs=Ext.getCmp('dynamic-tabs');
tabs.add({
标题:“水平关系”,
closable:是的,
自动加载:“iframe.php?url=relatorio_h.php”,
iconCls:“relatorio”
}).show();
}
},
'-', {
文本:“Sair”,
iconCls:“注销”,
处理程序:函数(){
location.reload()
}
}]
}
}, {
xtype:'按钮',
文本:“Abas”,
iconCls:“abas”,
菜单:{
项目:[{
文字:“克里亚尔新阿巴”,
iconCls:“选项卡添加”,
处理程序:函数(){
var tabs=Ext.getCmp('dynamic-tabs');
tabs.add({
标题:“新阿巴”,
html:“选项卡正文”,
closable:是的,
iconCls:“选项卡添加”
}).show()
}
}, {
文本:“Ir para a primeira Aba”,
图标包括:“tab_go”,
处理程序:函数(){
tabs.setActiveTab(0);
}
}, {
文本:“Excluir 2a Aba”,
iconCls:“tab_delete”,
处理程序:函数(){
var tabs=Ext.getCmp('dynamic-tabs');
如果(tabs.get(1)){
var tab=tabs.get(1);
选项卡。移除(选项卡);
}
}
}]
}
}, {
xtype:'按钮',
文本:“菜单”,
iconCls:“usuario”,
菜单:{
项目:[{
文本:“子菜单com título dif.”,
iconCls:“usuario”,
处理程序:函数(){},
菜单:{
项目:['Título do子菜单',
{
文本:“子菜单#1”,
iconCls:“usuario”,
处理程序:函数(){
var tabs=Ext.getC
<html xmlns="http://www.w3.org/1999/xhtml" class=" x-viewport">
<head></head>
<body id="ext-gen5" class=" ext-gecko ext-gecko3 x-border-layout-ct">
etc...
<html class=" x-quirks ext-border-box x-viewport">
<head>
<title></title>
<body class=" ext-ie ext-ie7 x-border-layout-ct" id="ext-gen5" scroll="no">
Texto -
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
Texto - Nó de Texto Vazio
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script language="javascript" src="js/ext/adapter/ext/ext-base.js" type="text/javascript"></script>
etc...
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" language="javascript" src="js/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" language="javascript" src="js/ext/ext-all-debug.js"></script>
<script type="text/javascript" language="javascript" src="js/menu.js.php"></script>
<script type="text/javascript" language="javascript" src="js/layout.js.php"></script>
<link rel="stylesheet" type="text/css" href="js/ext/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="js/ext/resources/css/xtheme-blue.css" />
<link rel="stylesheet" type="text/css" href="css/menu.css" />
<link rel="stylesheet" type="text/css" href="css/layout.css" />
<link rel="stylesheet" type="text/css" href="css/icones.css.php" /></head>
<body>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />