extjs Ext.form.FormPanel取值问题
addWindow:function(index){
var record=this.store.getAt(index).data;
var oldThis=this;
var url=this.contextUrl;
var temp;
var form = new Ext.form.FormPanel({ id : "form"
});
$.ajax({
url:url+"tableName",
async:false,
success: function(response, options){
console.log("sucess");
temp=eval(response);
},
failure: function(response, options){
console.log("faile");
},
scope: this
});
var flag=true;
for(var i in temp.rows){
if(temp.rows[i].COMMENTS){
var fd = new Ext.form.TextField({name:temp.rows[i].COLUMN_NAME,id:temp.rows[i].COLUMN_NAME,fieldLabel:temp.rows[i].COMMENTS});
form.items.add(form.items.getCount(), fd);
}
};
form.doLayout();
console.log(form)
var window = new Ext.Window({
title: '添加数据',
width: 500,
height:500,
minWidth: 300,
minHeight: 200,
layout: 'fit',
plain:true,
bodyStyle:'padding:5px;',
buttonAlign:'center',
items: form,
buttons: [{
text: '确定',
formBind: true,
handler:function(){
form.getForm().submit({//表单为什么递交都是空的这是怎么回事
waitTitle:"请稍候",
waitMsg:"正在提交表单数据,请稍候",
method:"POST",
async : false,
url:url+"addData",
success : function(form, json) {
oldThis.loadFeed(url);
window.close();
},
failure : function(form, json) {
alert("fail")
}
});
window.close();
}
},{
text: '取消',
handler: function (){
window.close();
}
}]
});
}
var record=this.store.getAt(index).data;
var oldThis=this;
var url=this.contextUrl;
var temp;
var form = new Ext.form.FormPanel({ id : "form"
});
$.ajax({
url:url+"tableName",
async:false,
success: function(response, options){
console.log("sucess");
temp=eval(response);
},
failure: function(response, options){
console.log("faile");
},
scope: this
});
var flag=true;
for(var i in temp.rows){
if(temp.rows[i].COMMENTS){
var fd = new Ext.form.TextField({name:temp.rows[i].COLUMN_NAME,id:temp.rows[i].COLUMN_NAME,fieldLabel:temp.rows[i].COMMENTS});
form.items.add(form.items.getCount(), fd);
}
};
form.doLayout();
console.log(form)
var window = new Ext.Window({
title: '添加数据',
width: 500,
height:500,
minWidth: 300,
minHeight: 200,
layout: 'fit',
plain:true,
bodyStyle:'padding:5px;',
buttonAlign:'center',
items: form,
buttons: [{
text: '确定',
formBind: true,
handler:function(){
form.getForm().submit({//表单为什么递交都是空的这是怎么回事
waitTitle:"请稍候",
waitMsg:"正在提交表单数据,请稍候",
method:"POST",
async : false,
url:url+"addData",
success : function(form, json) {
oldThis.loadFeed(url);
window.close();
},
failure : function(form, json) {
alert("fail")
}
});
window.close();
}
},{
text: '取消',
handler: function (){
window.close();
}
}]
});
}
...全文
相关推荐
Ext的FormPanel组件
#### 创建FormPanel在创建FormPanel时,可以通过以下方式初始化:```javascript// 查看源代码便知,两种方法是一样的Ext.form.FormPanel = Ext.FormPanel
extjs中的formPanel以及表单的应用
例如,创建一个简单的文本输入字段的代码如下:```javascriptvar form = Ext.create('Ext.form.Panel', { title: '表单示例', bodyPadding
ExtJS4如何给同一个formpanel不同的url
例如,如下的代码片段展示了如何创建一个简单的FormPanel,并设置了`url`属性:```javascriptvar panel = Ext.create('Ext.form.Panel', { title
Extjs学习笔记之二 初识Extjs之Form
在本篇Extjs学习笔记中,我们将深入探讨Extjs中的Form,特别是其封装的Ext.form.BasicForm和Ext.form.FormPanel。
简单的两种Extjs formpanel加载数据的方式
在ExtJS中,`Ext.form.Panel`(或简称为`formpanel`)是一种非常重要的组件,用于创建表单来收集用户输入的数据。


