TreePanel和TabPanel面板配合时老出现乱码

我采用左边TreePanel（menuTree），右边TabPanel（contentPanel）的布局。

通过左边树形控件的节点点击事件动态增加TabPanel，具体代码如下：

menuTree.root.appendChild(new Ext.tree.TreeNode({
	text:'系统管理',
	listeners:{
		'click':function(node, event) {
			var n = contentPanel.getComponent(node.id);
			if (!n) {
				n = contentPanel.add({
					'id':node.id,
					'title':node.text,
					closable:true,
					autoLoad:{url:'auto.html'}
				});
			}
			contentPanel.setActiveTab(n);
		}
	}
}));

但是现在出现了乱码问题，当第一次打开该页面的时候，全部是乱码，在IE下刷新一下可以变正常，但在FF下没有用，非得选择UTF-8编码才行，而且点击该节点（系统管理）时，通过autoLoad打开的页面也全部是乱码，刷新都没有用。

我已经添加了如下设置：

（1）<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

（2）Ext.lib.Ajax.defaultPostHeader += '; charset=utf-8';

（3）每个文件的编码都是UTF-8；

 

但是老是出现乱码，感觉在Ext下出现乱码的情形很多，而且好难控制，这个到底是什么原因，还有其他没有注意到的地方吗？

刚刚测试过了，上面autoLoad:{url:'auto.html'}改为autoLoad:{url:'auto.php'}，然后在auto.php文件中加上这一句header('Content-Type:text/html;charset=utf-8');显示正常，如果我就是显示一下HTML文件，有没有办法显示正常呢？

哦？php这么麻烦吗？还会自动设置content-type？

jsp里不用设置content-type，加上<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />浏览器就会知道按照utf-8显示了。

呵呵，在PHP中是通过header()改变输出编码的，但我现在想的是完全是HTML，不用其他语言，好像这样做就不行了，服务器默认的设置是GB2312，这样输出就默认为GB2312了，没有办法改变。

直接把utf-8改成gb2312不就可以了吗？
其他地方也不用动啊？？
会有什么潜在的危害吗？？　

问题是我的整个程序都是UTF-8编码的，如果要改的话就麻烦了，不知道有没有其他改变HTML输出为UTF-8编码的方法，如果用PHP、JSP等都简单，都可以随便改变。

html保存的时候应该选择UTF-8编码.

用记事本打开,另存为,编码中选择UTF-8.

我的HTML是UTF-8编码的，问题出在服务器Apache中默认编码为GB2312，而我autoLoad载入的文件又没有办法添加）<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />，所以，服务器就按照默认的GB2312输出了，而真正的文件内容是UTF-8编码的，所以就会乱码。估计只能用PHP等动态语言修改输出的编码了，如
header('Content-Type:text/html;charset=utf-8');