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>