extjs脚本写的界面在ie里显示正常.在firefox里显示无法触发脚本事件

Question

刚学extjs不久,用来写一个公司内部论坛后台.功能都已经实现.在ie下使用正常.今天想在firefox下做个测试.结果首页能显示.但脚本事件触发不了.脚本写的界面在ie里显示正常.在firefox里显示无法触发脚本事件.树节点点击无效..
我使用了asp.net ajax框架系列开发..脚本和webserives文件都是使用scriptmanage标记来引用添加的..
查了相关的资料.和相关的类似问题..很少..只有一个提到了要在panel里的样式里添加宽高..无奈..盼哪位朋友能帮我分析一下原因.
firefox的错误报告显示的是:
警告： 未知属性 'zoom'。  声明被丢弃。
源文件：http://localhost/bbs/extjs/resources/css/ext-all.css
行：682警告： 分析属性 'filter' 值时出错。  声明被丢弃。
源文件：http://localhost/bbs/extjs/resources/css/ext-all.css
行：797不知所云......

Answer 1

在firefox下看看错误注意。。是错误不是警告，你说那两个分析属性什么的都应该是警告的范畴

Answer 2

恩...您说得对...所以更不知道问题出在哪...
界面设计是左边树.右边是tab页..应该是很普通的一种管理界面设计..
用firefox打开,extjs做得界面能看见..说明脚本能够被调用..但就是点击树节点展不开树....唯一能触发得是在树第一个节点点击时.会引发页面刷新(刷回本页)...(根节点是隐藏的).但我在该树节点的herf属性并没有添加任何信息.
firefox错误显示报告只有警告项.没有错误项.不知道该怎么查这个问题..如果要调试脚本.vs2008也可以直接调试..但没有出错..当然.调试使用的是ie.不知道可不可以把vs 2008的默认调试浏览器改成firefox.....

Answer 3

脚本代码如下,大家帮看看
Ext.namespace("Cau_BBS");
Cau_BBS.module = function(main){   
this.main = main;   
this.init();   
}   
Ext.extend(Cau_BBS.module, Ext.util.Observable, {   
init : Ext.emptyFn   
});  
Cau_BBS.app = function(){       
this.init();   
}   
//---------主模块开始-----------
Ext.extend(Cau_BBS.app, Ext.util.Observable, {   
init:function(){
//----定义tab 母板         
this.body =new Ext.TabPanel({
region:'center',
deferredRender:false,
activeTab:0,
enableTabScroll:true,//挤的时候能够滚动收缩
autoDestroy: false ,
frame:true,
items:[{
contentEl:'center1',
layout: 'fit',
title: '系统帮助',
autoLoad:{url:"help.htm",scripts:true},
autoScroll:true
}]
});   //tab 页变更事件
this.body.on('tabchange', this.changeTab, this); 
//右键菜单
this.body.on('contextmenu', this.leftclick, this); //----动态生成树      var treeData;
var root=new Ext.tree.AsyncTreeNode({
id:'0',//子结点id
text:'论坛'
});/////从后台获取数据/////    
WS_BBS_innerfunc.GetBBS_innerfuncModels(onSuccessed,onFailed);function onSuccessed(result){
if(result!=null){
if(result.length>0){     
treeData=result;
createTree('0',root,result);}
}
}
/////用递归算法实现树节点添加//
function createTree(id,treenode,result){
for(var i=0;i<result.length;i++){
var functree=new Cau.BBS.Model.BBS_innerfuncModel();   
functree=result[i];   
var isleaf=functree.Isleaf=="0"?false:true;if(functree.Fatherfuncid==id){var childnode=new Ext.tree.TreeNode({
id:functree.Funcid,
text:functree.Funcname,
leaf:isleaf,
iconCls:isleaf?'leaf':'branch'
});treenode.appendChild(childnode);
createTree(functree.Funcid,childnode,result);
}
}
}function onFailed(error){
Ext.Msg.alert('信息提示','^O^  初始化目录树失败...'); 
}
///////////////////////////创建树面板////////////////////////////////////
this.tree=new Ext.tree.TreePanel({
region:'west',
id:'west-panel',
title:'中农大论坛',
split:true,
width: 200,
minSize: 175,
maxSize: 400,
collapsible: true,
margins:'0 0 0 5',
layout:'accordion',
layoutConfig:{
animate:true
},
root:root,//定位到根节点rootVisible:false//设为false将隐藏根节点，很多情况下，我们选择隐藏根节点增加美观性});  
this.tree.on('click',clickTree, this);      var viewport = new Ext.Viewport({
layout:'border',
items:[
new Ext.BoxComponent({ // raw
region:'north',
el: 'north',
height:32
}),
this.tree,new Ext.BoxComponent({ // raw
region:'south',
el: 'south',
height:5
}),
new Ext.BoxComponent({ // raw
region:'east',
el: 'east',
width:5
}),
this.body]
});          
var loadMask = new Ext.LoadMask(this.body.body);             
//点击菜单方法(node:被点击的节点)
function clickTree(node){
//如果节点不是叶子则返回
if(node.leaf){
//////////--判断面板是否存在,不存在就创建,存在就显示
var temppanel=this.body.findById(node.id);                   
if(!temppanel){
var tab=this.body.add(new Ext.Panel({
title:node.text,
id:node.id,
layout: 'fit',
autoscroll:true,
closable:true
}));
this.body.setActiveTab(node.id);     
//加载模块
//loadMask.show();   
loadModel(node.id,tab);
//Ext.Msg.alert('信息提示','^O^   面板不存在'); 
}
else{
temppanel.show();
this.body.setActiveTab(temppanel.id);
//Ext.Msg.alert('信息提示','^O^   面板存在,面板编号为'+temppanel.id);
}                                                                       
}
}
////--------通过动态加载子模块脚本并执行,生成子模块实例
//////------loadModel方法--开始
//加载模块方法(id:模块ID;tab:模块显示在哪里)
function loadModel(id,tab){  
//定义模块变量
var model;   
if(this[id]){
//如果模块类已存在，就直接实例化  
model = new this[id](tab);
//loadMask.hide();  
}
else
{
//查找树节点调用脚本时对应的脚本名称                                 
var panelid;
for(var i=0;i<treeData.length;i++){
var functree=new Cau.BBS.Model.BBS_innerfuncModel();   
functree=treeData[i];   
if(id==functree.Funcid){
panelid=functree.Funcurl;
}
}
loadMask.show();   
Ext.Ajax.request({   
method:'GET',
url: 'Javascripts_Ext/'+panelid+'.js',   
scope: this,   
success: function(response){
//获取模块类  
this[id] = eval(response.responseText);   
//实例化模块类
model = new this[id](tab);
loadMask.hide();  
}   
});      
}
}
//------loadModel方法--结束          
},
//------初始化主程序类---结束});
////---------主模块结束
Ext.onReady(function(){   
Ext.QuickTips.init();   
myApp = new Cau_BBS.app();   
});

Answer 4

我可以帮你看看，把项目发给我吧。。[email protected]

Answer 5

Jermaine  :您好..项目已经发到您的邮箱里..您帮看看...谢谢了:)我的邮箱是
[email protected]

Answer 6

是的,总是提示这两项
警告： 未知属性 'zoom'。  声明被丢弃。
源文件：http://localhost/bbs/extjs/resources/css/ext-all.css
行：9警告： 分析属性 'filter' 值时出错。  声明被丢弃。
源文件：http://localhost/bbs/extjs/resources/css/ext-all.css 
不知楼主怎么解决的

Answer 7

在此我想多问下，EXTJS到底合适不合适做网站啊？？？///

Answer 8

我个人认为extjs适合写后台..不适合写前台..

Answer 9

http://www.javaeye.com/topic/177531
里也提到这个问题.不过他说解决了..
..他是这么说的..."要给panel的容器定义相应的样式才可以显示，指定宽度高度就可以显示了" ...不过怎么设置才行

Answer 10

firefox有debug插件，装上调试看看

Answer 11

   1.<script type="text/javascript" src="ext-all.js"></script>
   2.<script type="text/javascript" src="ext-all-debug.js"></script>  
上面两句只保留一句就可以了 Firefox就显示正常了