ExtJs this.el.dom为空或不是对象 (在线狂等!!!)

js代码如下:

Ext.onReady(showform);
function showform() {

var submitbn = new Ext.Button()

var pwfield = new Ext.form.TextField({
allowBlank : false,// 不能为空
inputType : "password",// 密码框
blankText : "密码不能为空",// 提示信息
maxLength : 10,
applyTo:"userpwd",
width : 190
});
;
// 定义一个用户名文本框
var namefield = new Ext.form.TextField({
allowBlank : false,// 不能为空
inputType : "text",// 普通文本框
blankText : "用户名不能为空",// 提示信息
maxLength : 10,
applyTo:"username",
width : 190
});

var loginform = new Ext.form.BasicForm("login-id",{
method : "post",
standardSubmit : true,

url : "stu.do?method=stuList"

});
loginform.add(namefield,pwfield);
loginform.render("hello");

}

 表单显示不出来,一直提示:this.el.dom为空或不是对象

哪位帮帮我呀!!

BasicForm 换成 FormPanel

BasicForm不是UI组建,所以,你渲染的时候就会出现异常。

应该不是Ext.form.BasicForm,Ext.form.BasicForm是继承Ext.util.Observable。
表单控件应该是Ext.form.FormPanel。
然后[code="java"]loginform.add(namefield,pwfield);
[/code]
add( Ext.Component/Object component )
应该是只有一个参数
应该分成
[code="java"]
loginform.add(namefield);
loginform.add(pwfield);
[/code]