Extjs最新框架表单交付代码
日期：2014-05-16 浏览次数：20479 次
Extjs最新框架表单提交代码
本人将最近学习Extjs的心血奉献给网络的朋友们，有需要学习Extjs的朋友可以来参考，
平时也没太多时间，今天先介绍一个简单的登陆例子吧。如有问题请留言。
登陆布局及验证：FormPanel+servlet或整合Struts中的Action
页面代码：
页面直接在head中调用ext.js，无须写任何代码。注意更改js的路径
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="js/resources/css/ext-all.css">
<link rel="stylesheet" type="text/css" href="js/resources/css/xtheme-purple.css">
<link rel="stylesheet" type="text/css" href="js/examples.css" />
<script type="text/javascript" src="js/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="js/ext-all.js"></script>
<script type="text/javascript" src="js/TabCloseMenu.js"></script>
<script type="text/javascript" src="states.js"></script>
<script type="text/javascript" src="extform.js" ></script>
<style>
</style>
</head>
<body>
</body>
//本例效果样式 ,如要换颜色调用其它Ext中css。
//extform.js代码
Ext.onReady(function(){
Ext.lib.Ajax.defaultPostHeader += '; charset=UTF-8';
//使用表单提示
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = 'side';
//定义表单
var simple = new Ext.FormPanel({
labelWidth: 75,
baseCls: 'x-plain',
defaults: {width: 150},
defaultType: 'textfield',//默认字段类型
//定义表单元素
items: [{
fieldLabel: '帐户',
name: 'name',//元素名称
//anchor:'95%',//也可用此定义自适应宽度
allowBlank:false,//不允许为空
blankText:'帐户不能为空'//错误提示内容
},{
inputType:'password',
fieldLabel: '密码',
//anchor:'95%',
name: 'pws',
&nb
本人将最近学习Extjs的心血奉献给网络的朋友们，有需要学习Extjs的朋友可以来参考，
平时也没太多时间，今天先介绍一个简单的登陆例子吧。如有问题请留言。
登陆布局及验证：FormPanel+servlet或整合Struts中的Action
页面代码：
页面直接在head中调用ext.js，无须写任何代码。注意更改js的路径
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="js/resources/css/ext-all.css">
<link rel="stylesheet" type="text/css" href="js/resources/css/xtheme-purple.css">
<link rel="stylesheet" type="text/css" href="js/examples.css" />
<script type="text/javascript" src="js/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="js/ext-all.js"></script>
<script type="text/javascript" src="js/TabCloseMenu.js"></script>
<script type="text/javascript" src="states.js"></script>
<script type="text/javascript" src="extform.js" ></script>
<style>
</style>
</head>
<body>
</body>
//本例效果样式 ,如要换颜色调用其它Ext中css。 //extform.js代码
Ext.onReady(function(){
Ext.lib.Ajax.defaultPostHeader += '; charset=UTF-8';
//使用表单提示
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = 'side';
//定义表单
var simple = new Ext.FormPanel({
labelWidth: 75,
baseCls: 'x-plain',
defaults: {width: 150},
defaultType: 'textfield',//默认字段类型
//定义表单元素
items: [{
fieldLabel: '帐户',
name: 'name',//元素名称
//anchor:'95%',//也可用此定义自适应宽度
allowBlank:false,//不允许为空
blankText:'帐户不能为空'//错误提示内容
},{
inputType:'password',
fieldLabel: '密码',
//anchor:'95%',
name: 'pws',
&nb
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
