原JSP代码:...
<body onload="getusers()">
<form action="<%=request.getContextPath()%>/Login.do?method=loading"<--这里是action的地址
name="actionform" method="post">
<table align="center" width="500" class="table">
<tr>
<td>
<fieldset style="border-color: #239002">
<legend>
职员登录
</legend>
<table height="200" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td align="center" width="34%">
用户编号:
</td>
<td align="left" width="150">
<input type="text" name="ucode" style="width: 90%" >
</td>
<td align="left" width="20%">
<select id="codename" name="codename" onchange="selectcode();"> </select>
</td>
</tr>
<tr>
<td align="center">
口令:
</td>
<td align="left" colspan="2">
<input type="password" name="pwd" style="width: 100%" ">
</td>
</tr>
...
现在想用extjs做界面
...
var content = new Ext.FormPanel({
baseCls : "x-plain",
layout : 'form',
items : [{
fieldLabel : " ",
baseCls : "x-plain"
}, {
xtype : "panel",
baseCls : "x-plain",
layout : 'column',
fieldLabel : "用户编号",
isFormField : true,
allowBlank : false,
items : [{
columnWidth : .4,
baseCls : "x-plain",
xtype : "textfield",
disabled : false,
name : "ucode",
}, {
columnWidth : .4,
layout : "form",
baseCls : "x-plain",
labelWidth : 10,// 注意,这个参数在这里可以调整简单fieldLabel的布局位置
items : [{
xtype : "combo",
name : "Degree",
store : ["用户名"],
emptyText : "用户…",
allowBlank : false,
anchor : "100%"
}]
}]
}, {
xtype : "textfield",
fieldLabel : "口 令",
disabled : false,
name : "pwd",
inputType : "password",
}]
});var win = new Ext.Window({
title : '登陆框',
closable : false,
collapsible : true,
plain : true,
modal : true,
resizable : false,
maxinizable : false,
maximized : false,
width : 340,
height : 200,
bodyStyle : 'padding:10px',
items : [content],
buttonAlign : 'center',
buttons : [{
text : "登陆",
id : "b1",
type : 'submit',
handler : function() { content.form.doAction('submit', {
url : "Login.do?method=loading",//就这个action地址和原来jspform里的地址应该一样,但是怎么提交后台都无法获得信息,连调试也进不去
method : 'POST',
params : {
ucode : '001',//还有这里如何取到formpanel上的textfield值
pwd : ''
},
waitTitle : '连接中',
waitMsg : '传送数据...',
success : function() {
Ext.Msg.alert('Status',
'Login Successful!'
);
},
failure : function(form, action) {
Ext.Msg.alert('Warning!', '非常抱歉!,登录失败');
content.getForm().reset()
}
});
},
scope : this
}, {
text : "重置",
handler : function() {
content.getForm().reset()
},
scope : this
}]
});...
<body onload="getusers()">
<form action="<%=request.getContextPath()%>/Login.do?method=loading"<--这里是action的地址
name="actionform" method="post">
<table align="center" width="500" class="table">
<tr>
<td>
<fieldset style="border-color: #239002">
<legend>
职员登录
</legend>
<table height="200" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td align="center" width="34%">
用户编号:
</td>
<td align="left" width="150">
<input type="text" name="ucode" style="width: 90%" >
</td>
<td align="left" width="20%">
<select id="codename" name="codename" onchange="selectcode();"> </select>
</td>
</tr>
<tr>
<td align="center">
口令:
</td>
<td align="left" colspan="2">
<input type="password" name="pwd" style="width: 100%" ">
</td>
</tr>
...
现在想用extjs做界面
...
var content = new Ext.FormPanel({
baseCls : "x-plain",
layout : 'form',
items : [{
fieldLabel : " ",
baseCls : "x-plain"
}, {
xtype : "panel",
baseCls : "x-plain",
layout : 'column',
fieldLabel : "用户编号",
isFormField : true,
allowBlank : false,
items : [{
columnWidth : .4,
baseCls : "x-plain",
xtype : "textfield",
disabled : false,
name : "ucode",
}, {
columnWidth : .4,
layout : "form",
baseCls : "x-plain",
labelWidth : 10,// 注意,这个参数在这里可以调整简单fieldLabel的布局位置
items : [{
xtype : "combo",
name : "Degree",
store : ["用户名"],
emptyText : "用户…",
allowBlank : false,
anchor : "100%"
}]
}]
}, {
xtype : "textfield",
fieldLabel : "口 令",
disabled : false,
name : "pwd",
inputType : "password",
}]
});var win = new Ext.Window({
title : '登陆框',
closable : false,
collapsible : true,
plain : true,
modal : true,
resizable : false,
maxinizable : false,
maximized : false,
width : 340,
height : 200,
bodyStyle : 'padding:10px',
items : [content],
buttonAlign : 'center',
buttons : [{
text : "登陆",
id : "b1",
type : 'submit',
handler : function() { content.form.doAction('submit', {
url : "Login.do?method=loading",//就这个action地址和原来jspform里的地址应该一样,但是怎么提交后台都无法获得信息,连调试也进不去
method : 'POST',
params : {
ucode : '001',//还有这里如何取到formpanel上的textfield值
pwd : ''
},
waitTitle : '连接中',
waitMsg : '传送数据...',
success : function() {
Ext.Msg.alert('Status',
'Login Successful!'
);
},
failure : function(form, action) {
Ext.Msg.alert('Warning!', '非常抱歉!,登录失败');
content.getForm().reset()
}
});
},
scope : this
}, {
text : "重置",
handler : function() {
content.getForm().reset()
},
scope : this
}]
});...
解决方案 »
- java.lang.ClassCastException: sun.jdbc.odbc.JdbcOdbcResultSet cannot be cast to
- 求struts2的web项目实例
- jsp选顶问题
- [问题]请问在JSP中如何读取文件的属性?
- 在線等Struts分頁程序!!!!!!!
- 求救求救~~~~~~~~~
- 服务器上有一个htm文件,比如:www.word.com/aaa.htm有另一个htm文件,上面有一个按钮,怎么样使客户端按了这个按钮后,就弹出ie的下载框
- 对数据库(oracel)的连接、添加、编辑、等操作的javaBean源程序
- 生产环境关于maven 和ant 的使用
- 关于SPRING管理HTTPSESSION
- 导出excel,数字如何去掉小三角?就是变成数字格式
- 关于hibernate问题
url: 这个应该怎么写;
原来jsp里是
<form action="<%=request.getContextPath()%>/Login.do?method=loading" name="actionform" method="post">
我url:"<%=request.getContextPath()%>/Login.do?method=loading"
url:"/Login.do?method=loading"
url:"Login.do?method=loading"
都不行;!~~
content.form.submit({
url : "Login.do?method=loading",//就这个action地址和原来jspform里的地址应该一样,但是怎么提交后台都无法获得信息,连调试也进不去
method : 'GET',
params : {
ucode : '001',//还有这里如何取到formpanel上的textfield值
pwd : ''
},
waitTitle : '连接中',
waitMsg : '传送数据...',
success : function() {
Ext.Msg.alert('Status',
'Login Successful!'
);
},
failure : function(form, action) {
Ext.Msg.alert('Warning!', '非常抱歉!,登录失败');
content.getForm().reset()
}
});
},
test...
[15秒后]
还是不行;
连action里跳不进去
、原始form提交、两种Ajax提交
给你说一下:Ajax
1、function s(){
gasTabForm.form.submit({ //提交表单
waitTitle:'请稍后',
waitMsg:'正在保存数据,请稍后。',
url:'MmsMaintainRecordAction!saveMmsMaintainRecord.action',
method:'POST',
success:function(form,action){ Ext.Msg.alert("提示框","数据匹配无误!OK ,欢迎使用。");
},
failure:function(form,action){ Ext.Msg.alert("提示框","数据匹配错误!请重新填写。");
}
});
}
2、
Ext.lib.Ajax.request(
'post','MmsMaintainRecordAction!saveMmsMaintainRecord.action',
{ success:function(){提交成功……处理},
failure:function(){提交失败……处理}
}
);没什么么难的,多练练就行了。
现在是没法调试,最郁闷了;连哪个地方有问题都不清楚;
url 进不去 ;;提交不了;
url : contextpath +"/Login.do?method=loading",
url : "<%=request.getContextPath()%>/Login.do?method=loading",
还有 失败的时候
failure : function(form, action) {
Ext.Msg.alert('Warning!', '非常抱歉!,登录失败'
+ action.failureType);//查看下失败是哪个方面的问题
content.getForm().reset()
}
这个小问题居然困扰了好几天;网上也不太好找;可能关键词没用好.