界面设计:IE8 截图:http://localhost:8080/S2/

代码清单:
index.jsp
<html>
<head>
<base href="<%=basePath%>">
<title>Extjs-Struts测试</title>
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css">
<script type="text/javascript" src="ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>
<script type="text/javascript" src="second.js"></script>
</head>
<body>
</body>
</html>
second.js
Ext.onReady(function(){
//开启快速提示功能
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget='qtip';
var appform=new Ext.FormPanel({
// title:'申请人信息:',
width:600,
height:400,
waitMsgTarget: true,
frame:true,
layout:'form',
items:[
{
xtype:'fieldset',
title:'基本信息',
labelAlign:'right',
items:[
{
layout:'column',
border:true,
labelSeparator:':',
//为其命名
items:[
{
columnWidth:.5,
layout:'form',
border:true,
items:[
{
xtype:'textfield',
fieldLabel:'姓名',
name:'username',
allowBlank:false,
blankText:'姓名不能为空',
anchor:'90%'
}
]
},
{
columnWidth:.5,
layout:'form',
border:true,
items:[
{
xtype:'combo',
fieldLabel:'性别',
name:'sex',
emptyText:'请选择性别',
triggerAction: 'all',
store:[
'男',
'女',
'保密'
]
}
]
}
]
},
//第二行
{
//开始
layout:'column',
border:false,
labelSeparator:':',
//为其命名
items:[
{
columnWidth:.5,
layout:'form',
border:true,
items:[
{
xtype:'combo',
fieldLabel:'学历',
allowBlank:false,
blankText:'学历不能为空',
name:'degree',
emptyText:'请选择学历',
triggerAction: 'all',
store:['大专以下',
'大专',
'本科',
'本科以上'
]
}
]
},
{
columnWidth:.5,
layout:'form',
border:true,
labelSeparator:':',
items:[
{
xtype:'textfield',
fieldLabel:'电话',
name:'tel'
}
]
}
]
//结束
},
//第三行
{
//开始
layout:'column',
border:true,
labelSeparator:':',
//为其命名
items:[
{
columnWidth:.5,
layout:'form',
border:false,
items:[
{
xtype:'textfield',
fieldLabel:'月收入',
allowBlank:false,
blankText:'月收入不能为空',
name:'salary'
}
]
},
{
columnWidth:.5,
layout:'form',
border:true,
// labelSeparator:':',
items:[
{
xtype:'textfield',
fieldLabel:'年龄',
name:'age'
}
]
}
]
//结束
}
]
},
//Part2 信息II
{
xtype:'fieldset',
title:'其他信息',
labelAlign:'right',
items:[
//是否有房
{
columnWidth:.5,
layout:'form',
border:true,
items:[
{
xtype:'combo',
fieldLabel:'是否有房子/房产',
name:'hasHouse',
emptyText:'请选择',
allowBlank:false,
blankText:'此选项不能为空',
triggerAction: 'all',
store:['有',
'无'
]
}
]
},
//是否有车
{
columnWidth:.5,
layout:'form',
border:true,
items:[
{
xtype:'combo',
fieldLabel:'是否有车',
name:'hasCar',
emptyText:'请选择',
allowBlank:false,
blankText:'此选项不能为空',
triggerAction: 'all',
store:['有',
'无'
]
}
]
},
//是否持有其他卡
{
columnWidth:.5,
layout:'form',
border:true,
items:[
{
xtype:'combo',
fieldLabel:'现在是否持有其他信用卡',
name:'hasCredit',
triggerAction: 'all',
emptyText:'请选择',
store:['有',
'无'
]
}
]
},
{
xtype:'textfield',
fieldLabel:'现有信用卡数量',
name:'company'
},
{
xtype:'textfield',
fieldLabel:'任职公司',
name:'company'
},
{
xtype:'textfield',
fieldLabel:'职位',
name:'position'
}
]
}
],
buttons:[{
text:'提交',
handler:function(){
if(appform.form.isValid()) //验证合法后
{
Ext.MessageBox.show({
title:'请稍等',
msg:'正在对您的申请进行评估...',
progressText:'',
width:200,
progress:true,
closable:false
});
var f=function(v){
return function(){
if(v==11)
{
Ext.MessageBox.hide();
//进行提示申请功过
}
else{
var i=v/11;
Ext.MessageBox.updateProgress(i,'');
}
}
}
for(var i=1;i<13;i++){
setTimeout(f(i),i*150);
}
//提交数据2
//提交数据
appform.getForm().submit({
url:'apply.action', //此处的url为Struts.xml中action的名称
success:function(form,action){
alert(action.result.msg);
//alert("OK");
},
failure:function(form,action){
alert(action.result.msg);
// alert("Not OK!!");
}
})
}
else{
Ext.MessageBox.show({
title:'检测不通过',
msg:'请检查您刚刚填写的申请信息...'
})
}
}
},
{
text:'重设',
//事件
handler:function(){
appform.form.reset();
}
}
]
})
appform.render(document.body);
//加多一个window进行测试
var win=new Ext.Window({
title:'Drools--信用卡申请',
width:620,
height:420,
items:[
appform
]
})
win.show();
})

- 大小: 85.2 KB

- 大小: 44.6 KB
分享到:
相关推荐
在DroolsExtDemo中,Drools被用来定义和执行信用卡申请的审批规则。这些规则可能包括申请人的信用评分、收入水平、债务状况等多个因素。通过Drools的规则语言,开发者可以清晰地编写出业务逻辑,使得审批流程自动化...
平原型生活垃圾填埋场扩容措施研究及应用_刘志刚.pdf
在日常的工作和学习中,你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼?DeepSeek 或许就是你一直在寻找的解决方案!它以其高效、智能的特点,在各个行业都展现出了巨大的应用价值。然而,想要充分发挥 DeepSeek 的优势,掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发,为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习,你将能够轻松地运用 DeepSeek 解决实际问题,提升工作效率和质量,让自己在职场和学术领域脱颖而出。现在,就让我们一起开启这场实用又高效的学习之旅吧!
在日常的工作和学习中,你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼?DeepSeek 或许就是你一直在寻找的解决方案!它以其高效、智能的特点,在各个行业都展现出了巨大的应用价值。然而,想要充分发挥 DeepSeek 的优势,掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发,为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习,你将能够轻松地运用 DeepSeek 解决实际问题,提升工作效率和质量,让自己在职场和学术领域脱颖而出。现在,就让我们一起开启这场实用又高效的学习之旅吧!
在日常的工作和学习中,你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼?DeepSeek 或许就是你一直在寻找的解决方案!它以其高效、智能的特点,在各个行业都展现出了巨大的应用价值。然而,想要充分发挥 DeepSeek 的优势,掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发,为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习,你将能够轻松地运用 DeepSeek 解决实际问题,提升工作效率和质量,让自己在职场和学术领域脱颖而出。现在,就让我们一起开启这场实用又高效的学习之旅吧!
Wallpaper Engine 是一款广受欢迎的动态壁纸软件,允许用户将各种动态、交互式壁纸应用到桌面上。其丰富的创意工坊内容让用户可以轻松下载和分享个性化的壁纸。而“一键提取”功能则是 Wallpaper Engine 中一个非常实用的工具,能够帮助用户快速提取和保存壁纸资源,方便后续使用或分享。
在日常的工作和学习中,你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼?DeepSeek 或许就是你一直在寻找的解决方案!它以其高效、智能的特点,在各个行业都展现出了巨大的应用价值。然而,想要充分发挥 DeepSeek 的优势,掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发,为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习,你将能够轻松地运用 DeepSeek 解决实际问题,提升工作效率和质量,让自己在职场和学术领域脱颖而出。现在,就让我们一起开启这场实用又高效的学习之旅吧!
在日常的工作和学习中,你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼?DeepSeek 或许就是你一直在寻找的解决方案!它以其高效、智能的特点,在各个行业都展现出了巨大的应用价值。然而,想要充分发挥 DeepSeek 的优势,掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发,为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习,你将能够轻松地运用 DeepSeek 解决实际问题,提升工作效率和质量,让自己在职场和学术领域脱颖而出。现在,就让我们一起开启这场实用又高效的学习之旅吧!
这是一份非常有意义的实习报告
在日常的工作和学习中,你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼?DeepSeek 或许就是你一直在寻找的解决方案!它以其高效、智能的特点,在各个行业都展现出了巨大的应用价值。然而,想要充分发挥 DeepSeek 的优势,掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发,为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习,你将能够轻松地运用 DeepSeek 解决实际问题,提升工作效率和质量,让自己在职场和学术领域脱颖而出。现在,就让我们一起开启这场实用又高效的学习之旅吧!
爱华AIWA HS-J9磁带随身听维修服务手册 说明书电路原理图PCB图
在日常的工作和学习中,你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼?DeepSeek 或许就是你一直在寻找的解决方案!它以其高效、智能的特点,在各个行业都展现出了巨大的应用价值。然而,想要充分发挥 DeepSeek 的优势,掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发,为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习,你将能够轻松地运用 DeepSeek 解决实际问题,提升工作效率和质量,让自己在职场和学术领域脱颖而出。现在,就让我们一起开启这场实用又高效的学习之旅吧!
房屋租赁合同[示范文本].doc
在日常的工作和学习中,你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼?DeepSeek 或许就是你一直在寻找的解决方案!它以其高效、智能的特点,在各个行业都展现出了巨大的应用价值。然而,想要充分发挥 DeepSeek 的优势,掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发,为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习,你将能够轻松地运用 DeepSeek 解决实际问题,提升工作效率和质量,让自己在职场和学术领域脱颖而出。现在,就让我们一起开启这场实用又高效的学习之旅吧!
单片机 入门学习视频教程 自学资料
在日常的工作和学习中,你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼?DeepSeek 或许就是你一直在寻找的解决方案!它以其高效、智能的特点,在各个行业都展现出了巨大的应用价值。然而,想要充分发挥 DeepSeek 的优势,掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发,为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习,你将能够轻松地运用 DeepSeek 解决实际问题,提升工作效率和质量,让自己在职场和学术领域脱颖而出。现在,就让我们一起开启这场实用又高效的学习之旅吧!
在日常的工作和学习中,你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼?DeepSeek 或许就是你一直在寻找的解决方案!它以其高效、智能的特点,在各个行业都展现出了巨大的应用价值。然而,想要充分发挥 DeepSeek 的优势,掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发,为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习,你将能够轻松地运用 DeepSeek 解决实际问题,提升工作效率和质量,让自己在职场和学术领域脱颖而出。现在,就让我们一起开启这场实用又高效的学习之旅吧!
在日常的工作和学习中,你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼?DeepSeek 或许就是你一直在寻找的解决方案!它以其高效、智能的特点,在各个行业都展现出了巨大的应用价值。然而,想要充分发挥 DeepSeek 的优势,掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发,为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习,你将能够轻松地运用 DeepSeek 解决实际问题,提升工作效率和质量,让自己在职场和学术领域脱颖而出。现在,就让我们一起开启这场实用又高效的学习之旅吧!
auto_gptq-0.5.1.tar.gz
# 踏入C语言的奇妙编程世界 在编程的广阔宇宙中,C语言宛如一颗璀璨恒星,以其独特魅力与强大功能,始终占据着不可替代的地位。无论你是编程小白,还是有一定基础想进一步提升的开发者,C语言都值得深入探索。 C语言的高效性与可移植性令人瞩目。它能直接操控硬件,执行速度快,是系统软件、嵌入式开发的首选。同时,代码可在不同操作系统和硬件平台间轻松移植,极大节省开发成本。 学习C语言,能让你深入理解计算机底层原理,培养逻辑思维和问题解决能力。掌握C语言后,再学习其他编程语言也会事半功倍。 现在,让我们一起开启C语言学习之旅。这里有丰富教程、实用案例、详细代码解析,助你逐步掌握C语言核心知识和编程技巧。别再犹豫,加入我们,在C语言的海洋中尽情遨游,挖掘无限可能,为未来的编程之路打下坚实基础!