1、renderTo():将组件渲染到指定Html元素上去
如:renderTo:Ext.getBody();渲染到body元素中
2、让一个元素垂直居中且水平居中的方法:margin,border,hbox,vbox
3、如何向ExtJS的gridPanel添加按钮以响应操作:
可以用actionColumn和actionColumnItem,actionColumnItem会有handler来处理点击事件,一个actionColumn可以添加多个actionColumnItem.
4、一个简单的表单提交例子
Form中”登录”按钮的响应方法: {
xtype: 'button',
handler: function(button, e) {
//原文是var form 引用了这个表单,而由于这里是自动生成代码,无法或很难插入var form,所以给form 设置了id通过getCmp()来获取表单
Ext.getCmp('form').getForm().submit(
{
url:'login',//提交给名login的servlet
success:function(f,a)//第一个参数为当前的form组件,第二个是服务器返回的文本数据
{
window.location.href=a.result.url;
}
});
},
margin: '\'0 0 0 200\'',
text: '登录'
}
Servlet:Login.java
import java.io.PrintStream;
import java.util.Date;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class login extends HttpServlet {
public void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, java.io.IOException {
request.setCharacterEncoding("GBK");
response.setContentType("Text/html;charSet=GBK");
PrintStream out = new PrintStream(response.getOutputStream());
String name=request.getParameter("user");
String psw=request.getParameter("psw");
if("HankZhi".equals(name)&&"123456".equals(psw))
out.println("{success:true,url:\"success.html\"}");
}
}