Ext combobox 传值问题
时间:2010-12-02
来源:互联网
最近在学习Ext的时候做了一个查询界面通过一个formpanel传值到后面的一个servlet但是在combobox的值在传递时老是卡住,用Firefox调试得到的出错信息:
value1 is not defined
Ext.DomHelper=function(){var s=null,j=...(){return("DragDrop "+this.id)}}})();
用Myeclipse调试网页发现在Servlet已经取到所要的值,但是提交页面一直卡住,代码如下请高手给指点指点。
Ext.onReady(function() {
Ext.QuickTips.init();
var cm = new Ext.grid.ColumnModel([{
header : '被查询表所在的数据库名称',
dataIndex : 'db_name'
}, {
header : '被查询表的名称',
dataIndex : 'table_name'
}, {
header : '数据量',
dataIndex : 'total'
}]);
var dataRecord = new Ext.data.Record.create([{
name : 'db_name'
}, {
name : 'table_name'
}, {
name : 'total'
}])
var store = new Ext.data.Store({
proxy : new Ext.data.HttpProxy({
url : 'test'
}),
reader : new Ext.data.JsonReader({
totalProperty : 'totalProperty',
root : 'root'
}, dataRecord),
remoteSort : false
});
store.load({
params : {
start : 0,
limit : 7
}
});
var grid = new Ext.grid.GridPanel({
height : 199,
loadMask : true,
store : store,
cm : cm,
bbar : new Ext.PagingToolbar({
pageSize : 3,
store : store,
displayInfo : true,
displayMsg : '显示第 {0} 条到 {1} 条记录,一共 {2} 条',
emptyMsg : "没有记录"
}),
viewConfig : {
forceFit : true
}
});
store.load();
var combostore = new Ext.data.Store({
proxy : new Ext.data.HttpProxy({
url : 'JS/07-04-01.txt'
}),
reader : new Ext.data.ArrayReader({}, [{
name : 'value'
}, {
name : 'text'
}])
});
combostore.load();
var combo = new Ext.form.ComboBox({
store : combostore,
fieldLabel : '查询表名',
// id:'table_name',
name : 'table_name',
width : 130,
// value:'text',
emptyText : '请选择目标表',
mode : 'remote',
triggerAction : 'all',
valueField : 'value',
displayField : 'text',
minListWidth:230,
pageSize : 5,
resizable : true,
readOnly : false
});
var Date1 = new Ext.form.DateField({
width : 130,
name : 'date1',
fieldLabel : '起始日期',
emptyText : '开始时间',
format : 'Y-m-d'
});
var Date2 = new Ext.form.DateField({
width : 130,
name : 'date2',
fieldLabel : '结束日期',
emptyText : '结束时间',
format : 'Y-m-d'
});
var form = new Ext.form.FormPanel({
labelAlign : 'right',
labelWidth : 60,
frame : true,
buttonAlign : 'center',
width : 650,
url : 'test',
items : [{
layout : 'column',
items : [{
columnWidth : .33,
layout : 'form',
items : [combo]
}, {
columnWidth : .33,
layout : 'form',
items : [Date1]
}, {
columnWidth : .33,
layout : 'form',
items : [Date2]
}]
}],
buttons : [{
text : '查询',
formBind : true,
type : 'submit',
// 定义表单提交事件
handler : function() {
// 提交到服务器操作
form.form.doAction('submit', {
url : 'test',// 文件路径
method : 'post',// 提交方法post或get
waitTitle : '登录中',
waitMsg:'发送数据中...',
// 提交成功的回调函数
success : function(form, action) {
store.load();
},
// 提交失败的回调函数
failure : function() {
Ext.Msg.alert('错误',
'服务器出现错误请稍后再试!');
}
});
}
}, {
text : '取消',
handler : function() {
form.form.reset();
}// 重置表单
}]
});
var win = new Ext.Window({
closable : false,
draggable : false,
resizable : false,
title : '数据查询',
width : 650,
height : 305,
items : [form, grid]
});
win.show();
});
value1 is not defined
Ext.DomHelper=function(){var s=null,j=...(){return("DragDrop "+this.id)}}})();
用Myeclipse调试网页发现在Servlet已经取到所要的值,但是提交页面一直卡住,代码如下请高手给指点指点。
Ext.onReady(function() {
Ext.QuickTips.init();
var cm = new Ext.grid.ColumnModel([{
header : '被查询表所在的数据库名称',
dataIndex : 'db_name'
}, {
header : '被查询表的名称',
dataIndex : 'table_name'
}, {
header : '数据量',
dataIndex : 'total'
}]);
var dataRecord = new Ext.data.Record.create([{
name : 'db_name'
}, {
name : 'table_name'
}, {
name : 'total'
}])
var store = new Ext.data.Store({
proxy : new Ext.data.HttpProxy({
url : 'test'
}),
reader : new Ext.data.JsonReader({
totalProperty : 'totalProperty',
root : 'root'
}, dataRecord),
remoteSort : false
});
store.load({
params : {
start : 0,
limit : 7
}
});
var grid = new Ext.grid.GridPanel({
height : 199,
loadMask : true,
store : store,
cm : cm,
bbar : new Ext.PagingToolbar({
pageSize : 3,
store : store,
displayInfo : true,
displayMsg : '显示第 {0} 条到 {1} 条记录,一共 {2} 条',
emptyMsg : "没有记录"
}),
viewConfig : {
forceFit : true
}
});
store.load();
var combostore = new Ext.data.Store({
proxy : new Ext.data.HttpProxy({
url : 'JS/07-04-01.txt'
}),
reader : new Ext.data.ArrayReader({}, [{
name : 'value'
}, {
name : 'text'
}])
});
combostore.load();
var combo = new Ext.form.ComboBox({
store : combostore,
fieldLabel : '查询表名',
// id:'table_name',
name : 'table_name',
width : 130,
// value:'text',
emptyText : '请选择目标表',
mode : 'remote',
triggerAction : 'all',
valueField : 'value',
displayField : 'text',
minListWidth:230,
pageSize : 5,
resizable : true,
readOnly : false
});
var Date1 = new Ext.form.DateField({
width : 130,
name : 'date1',
fieldLabel : '起始日期',
emptyText : '开始时间',
format : 'Y-m-d'
});
var Date2 = new Ext.form.DateField({
width : 130,
name : 'date2',
fieldLabel : '结束日期',
emptyText : '结束时间',
format : 'Y-m-d'
});
var form = new Ext.form.FormPanel({
labelAlign : 'right',
labelWidth : 60,
frame : true,
buttonAlign : 'center',
width : 650,
url : 'test',
items : [{
layout : 'column',
items : [{
columnWidth : .33,
layout : 'form',
items : [combo]
}, {
columnWidth : .33,
layout : 'form',
items : [Date1]
}, {
columnWidth : .33,
layout : 'form',
items : [Date2]
}]
}],
buttons : [{
text : '查询',
formBind : true,
type : 'submit',
// 定义表单提交事件
handler : function() {
// 提交到服务器操作
form.form.doAction('submit', {
url : 'test',// 文件路径
method : 'post',// 提交方法post或get
waitTitle : '登录中',
waitMsg:'发送数据中...',
// 提交成功的回调函数
success : function(form, action) {
store.load();
},
// 提交失败的回调函数
failure : function() {
Ext.Msg.alert('错误',
'服务器出现错误请稍后再试!');
}
});
}
}, {
text : '取消',
handler : function() {
form.form.reset();
}// 重置表单
}]
});
var win = new Ext.Window({
closable : false,
draggable : false,
resizable : false,
title : '数据查询',
width : 650,
height : 305,
items : [form, grid]
});
win.show();
});
作者: Miao_Cottage 发布时间: 2010-12-02
CSS code
你在servlet里面没有 out.write('{success: true}')
作者: leehuat 发布时间: 2010-12-03
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28