Ext 怎么提交表单并且把form表单中的数据提交到后台

[摸索入门的大白]

最近最近项目要用Extjs写，谁可以给个demo

下面是我写的，求大神告知。。。。万分感谢


//addBtn是按钮的id
Ext.get("addBtn").on("click", function () {
var dicChannelForm = new Ext.FormPanel({
bodyStyle:'padding:5px 5px 0',
layout: 'form',
buttonAlign:'center',//居中
items:[
{
xtype:'textfield',
fieldLabel:'名称',
name:'channelName',
allowBlank: false
},{
xtype:'textfield',
fieldLabel:'描述',
name:'channelDis',
allowBlank: false
},{
xtype:'textfield',
fieldLabel:'时间',
name:'entryTime',
allowBlank: false
},{
xtype:'textfield',
fieldLabel:'备注',
name:'remark',
allowBlank: false
}
],
buttonAlign: 'center',
buttons: [{
text: '保存',
listeners :{
click : function(){ //绑定单击事件
saveForm();
}
}
}, {
text: '关闭',
handler: function () {
win.close(this);
}
}]
})
//把form表单加载到window
var win = Ext.create("Ext.window.Window", {
title: "编辑", //标题
draggable: false,
//icon: '../../../Images/extjs/pencil.png',
height: 400, //高度
width:400, //宽度
layout: "fit", //窗口布局类型
modal: true, //是否模态窗口，默认为false
resizable: false,
items: [dicChannelForm]
});
win.show();
})
//异步提交表单
function saveForm() {
alert(1)
Ext.Ajax.request( {
url : 'insertDicChannel.do',
method : 'post',

/*params : {
name : "1",
sex : "2"
}, */
form : 'dicChannelForm', // 指定表单
success : function(response, options) {
var o = Ext.util.JSON.decode(response.responseText);
alert(o.msg);
},
failure : function() {
}
});
}