TabPanel autoLoad 乱码解决问题

最新推荐文章于 2012-08-26 23:19:04 发布

最新推荐文章于 2012-08-26 23:19:04 发布 · 144 阅读

文章标签：

#EXT #JSP #HTML

ExtJS 专栏收录该内容

21 篇文章

订阅专栏

本文探讨了使用ExtJS框架创建TabPanel时遇到的中文乱码问题。通过对比两种不同的加载方式，一种使用autoLoad配置项加载外部HTML文件，另一种直接在html属性中嵌入iframe标签并指定src属性为外部HTML文件的URL，发现前者出现乱码而后者显示正常。最终通过将HTML文件转换为JSP文件解决了该问题。

看代码一：

 new Ext.TabPanel({
                    id:'tab',
                    region:'center',
                    deferredRender:false,
                    activeTab:0,
                   
                    items:[{
                        id:'main',
                        autoLoad :{url:'1.html',scripts:true},
                        //contentEl:'center2',
                        title: '主菜单',
                        autoScroll:false
                    }]
                })

代码二：

 new Ext.TabPanel({
                    id:'tab',
                    region:'center',
                    deferredRender:false,
                    activeTab:0,
                   
                    items:[{
                        id:'main',
                        title: '主菜单',
                        html:'<iframe name="mainFrame" id="main" height="100%" frameborder="0" width="100%" marginheight="0" marginwidth="0" scrolling="auto" src="1.html"></iframe>',
                        autoScroll:false
                    }]
                })

问题是代码1中1.html中会显示乱码，代码2显示正常。具体原因不知道为什么，后来新建了一个jsp把1.html中的内容拷贝到1.jsp中，修改代码1：