ExtJs 之容易 Form提交
日期：2014-05-16 浏览次数：20423 次
ExtJs 之简单 Form提交
<%@ page language="java" pageEncoding="gbk"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<html>
<head>
<link rel="stylesheet" type="text/css"
href="<%=basePath%>/js/ext/resources/css/ext-all.css" />
<script type="text/javascript"
src="<%=basePath%>/js/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="<%=basePath%>/js/ext/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function()
{
var form1 = new Ext.form.FormPanel({
renderTo:"loginForm", //要渲染的div
labelWidth: 75, // label settings here cascade unless overridden
method:'POST',
title: '登录窗口',
bodyStyle:'padding:5px 5px 0',
width: 300,
defaults: {width: 200},
defaultType: 'textfield',
//实现非AJAX提交表单一定要加下面的两行！
onSubmit: Ext.emptyFn,
submit: function()
{
this.getEl().dom.action= 'index.jsp'; //连接到服务器的url地址
this.getEl().dom.submit();
},
items: [{
fieldLabel: '用户名',
id: 'username',
name: 'name',
allowBlank:false,
blankText : "用户名不能为空",
width:150
},{
fieldLabel: '密码',
blankText : "密码不能为空",
id: 'password',
name: 'pwd',
allowBlank:false,
minLength : 6,
width:150,
inputType:'password' //类型为password
}
],
buttons: [{
text: '登录',
&n
<%@ page language="java" pageEncoding="gbk"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<html>
<head>
<link rel="stylesheet" type="text/css"
href="<%=basePath%>/js/ext/resources/css/ext-all.css" />
<script type="text/javascript"
src="<%=basePath%>/js/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="<%=basePath%>/js/ext/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function()
{
var form1 = new Ext.form.FormPanel({
renderTo:"loginForm", //要渲染的div
labelWidth: 75, // label settings here cascade unless overridden
method:'POST',
title: '登录窗口',
bodyStyle:'padding:5px 5px 0',
width: 300,
defaults: {width: 200},
defaultType: 'textfield',
//实现非AJAX提交表单一定要加下面的两行！
onSubmit: Ext.emptyFn,
submit: function()
{
this.getEl().dom.action= 'index.jsp'; //连接到服务器的url地址
this.getEl().dom.submit();
},
items: [{
fieldLabel: '用户名',
id: 'username',
name: 'name',
allowBlank:false,
blankText : "用户名不能为空",
width:150
},{
fieldLabel: '密码',
blankText : "密码不能为空",
id: 'password',
name: 'pwd',
allowBlank:false,
minLength : 6,
width:150,
inputType:'password' //类型为password
}
],
buttons: [{
text: '登录',
&n
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
