extag之ext:submitAction

exttag是一个标签包,封装extjs3的功能,通过jsp标签就能输出,十分好用。

 

submitAction标签是常常在form表单中需要使用到,它可以很方便的为表单绑定一个提交事件,但是使用它有一些必要的要求:

1.submitAction标签本身需要放在表单标签肉。

2.表单标签必须在添加 var属性,否则构建不会创建function方法。

3.需要给submitAction标签添加上name属性。

另外,其它的一些需要提交时用到的属性就可以填写加了,比如method url等。

注意:由于实际采用的是doAction方法,也是form的方法,所以返回值中必须带有一个 “success” 属性,这样才会调用配置的“success”方法

 

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="ext" uri="/exttag"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<base href="<%=basePath%>">
<ext:ext title="系统登录">
	<ext:window var="loginWindow"  autoShow="true" width="400" height="180" resizable="false"  closable="false" bodyStyle="boder:0px;"  title="系统登录"   >
		<ext:items>
			<ext:formPanel layout="form"  var="loginForm" defaults="{labelAlign:'right',border:0}" border="false" buttonAlign="center" >
				<ext:items>
					<ext:panel   layout="form" frame="true"  border="false" >
						<ext:items>
							<ext:hidden name="loginId" value="${loginId}"  />
							<ext:textField fieldLabel="账号" name="userName" allowBlank="false" maxLength="30" />
							<ext:textField fieldLabel="密码" name="userPwd" allowBlank="false"  inputType="password" maxLength="30" />
							<ext:textField fieldLabel="验证码" name="checkCode" maxLength="10"/>
						</ext:items>
					</ext:panel>
				</ext:items>
			<ext:submitAction  name="submitLogin" failure="function(f,o){alert('失败');console.log(o);}" success="function(f,o){alert('成功');console.log(o);}" url="admin/doLogin.do" method="post" waitMsg="正在登录..." />
				<ext:buttons  >
						<ext:button text="登录"  handler="function(){loginForm.submitLogin()}"  >
						</ext:button>
				</ext:buttons>
			</ext:formPanel>
		</ext:items>
	</ext:window>

	<ext:viewport layout="fit">
		<ext:items>
			<ext:panel layout="fit" frame="true">
			</ext:panel>
		</ext:items>
	</ext:viewport>

	<ext:script>
	loginWindow.show();
</ext:script>

</ext:ext>

 

 

展开阅读全文

没有更多推荐了,返回首页