一个按键的响应

Question

用ext做了一个后台的界面，如下
[img][/img]
在其中的右边的相关部分是采用html 做个一个静态的页面。
其中有个按钮是这样实现的

[code="java"]

[/code]

[code="java"]

function saveNews() { alert("Enter to the saveNews"); //获取接受返回信息层 var msg = document.getElementById("message"); //获取表单对象和用户信息值 var f = document.news_form; var title = f.title.value; title = encodeURI(title); title = encodeURI(title); alert("title :"+title); var content = f.content.value; var type = f.type.value; //接收表单的URL地址 var url = "commit_news.jsp"; //需要POST的值，把每个变量都通过&来联接 var postStr = "title="+ title +"&content="+ content +"&type="+ type; //实例化Ajax var ajax = null; if(window.XMLHttpRequest){ ajax = new XMLHttpRequest(); } else if(window.ActiveXObject){ ajax = new ActiveXObject("Microsoft.XMLHTTP"); } else{ alert("error"); return; } //通过Post方式打开连接 ajax.open("POST", url, true); //定义传输的文件HTTP头信息 ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); //发送POST数据 ajax.send(postStr); //返回数据的处理函数 ajax.onreadystatechange = function(){ if (ajax.readyState == 4 && ajax.status == 200){ msg.innerHTML = ajax.responseText; } } window.location.href = "../../adminmain.jsp"; alert("文章发表成功"); }

[/code]

如果单纯的建立以个html文件,以上代码不存在任何的问题，但是把它 Ext.TabPane 的子类中，上面的代码 出了那个跳转成功以外，其他好像没有 相应，firefox提示有错误，但是调试不成功，请问，能告诉我错误在什么地方

Answer 1

首先说一下从上面代码中看出来的2个问题吧
1.竟然使用了extjs.就没有必要自己去写XMLHttpRequest请求了.你可以参考一下Ext.Ajax.request();的api文档
2.如果采用了extjs.最好全部都采用,不要一些就是extjs的组件,一些就用自己写的普通html.
3.onclick="saveNews()" 用了extjs后,事件的绑定不在需要用这种不灵活的写法了.你可以Ext.get('submit_button').on('click',saveNews);用这种正规一点的写法.