struts2-jquery-plugin 2超链接标签和<s:url/>的搭配使用

最新推荐文章于 2024-09-22 10:46:41 发布

myluamas

最新推荐文章于 2024-09-22 10:46:41 发布

阅读量1.8k

点赞数

分类专栏： struts2-jquery-plugin 文章标签： struts html list ajax email validation

本文链接：https://blog.csdn.net/ttff2234/article/details/7832172

版权

struts2-jquery-plugin 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

超链接标签

其实html中就是<a></a>标签

在学习这个之前我们先来熟悉下ognl标签中的<s:url/>标签，这个是将一个url地址存放入值站内。这个知识不会的可以去看下ognl标签。示例代码如下

<%@ page language="java"import="java.util.*"pageEncoding="UTF-8"%>

<%@ taglib prefix="s"uri="/struts-tags"%>

<%@ taglib prefix="sj"uri="/struts-jquery-tags"%>

<html>

  <head>

    <sj:headjquerytheme="start"locale="zh-CN"/>

    <scripttype="text/javascript">

       $.subscribe('before',function(event,data) {

           alert('请求之前 ');

           $('#result').html('加载中 ...');

       });

       $.subscribe('complete',function(event,data) {

           $('#result').append('<br/><br/><strong>完成请求 '+event.originalEvent.request.statusText+'完成 '+event.originalEvent.status+ '.</strong><br/>状态码: '+event.originalEvent.request.status);

       });

       $.subscribe('errorState',function(event,data) {

           $('#result').html('<br/><br/><strong>完成请求 '+event.originalEvent.request.statusText+'完成 '+event.originalEvent.status+ '.</strong><br/>状态码: '+event.originalEvent.request.status);

       });

    </script>       

  </head>

  <body>

    <divid="result">返回显示的div</div>

        <s:urlvar="ajax"action="ll/AjaxTest.action"/>

       

        <sj:aid="ajaxlink"href="%{ajax}"indicator="indicator"targets="result"onClickTopics="before"onCompleteTopics="complete"effect="pulsate"cssClass="buttonlink ui-state-default ui-corner-all"><spanclass="ui-icon ui-icon-refresh"></span>

          运行AJAX访问

        </sj:a>

    <imgid="indicator"src="images/indicator.gif"alt="加载中..."style="display:none"/>   

    <br/>

    <br/>

    <sj:aid="ajaxlink2"href="not-html.html"indicator="indicator2"targets="result"onClickTopics="before"onCompleteTopics="complete"onErrorTopics="errorState"effect="pulsate"effectDuration="1500"cssClass="buttonlink ui-state-default ui-corner-all"><spanclass="ui-icon ui-icon-refresh"></span>

      运行AJAX错误访问

    </sj:a>

    <imgid="indicator2"src="images/indicator.gif"alt="加载中..."style="display:none"/>   

  </body>

</html>

显示效果如下：

运行第一个效果如下：

运行错误的如下：

说明下我的在正常返回之所以会返回很多json串，是因为我后台用了json插件，并返回了users对象

{"users":[{"age":10,"email":"0@sina.com","id":0,"password":"0","username":"小红0"}, {"age":11,"email":"1@sina.com","id":1,"password":"1","username":"小红1"},{"age":12,"email":"2@sina.com","id":2,"password":"4","username":"小红2"},{"age":13,"email":"3@sina.com","id":3,"password":"9","username":"小红3"},{"age":14,"email":"4@sina.com","id":4,"password":"16","username":"小红4"},{"age":15,"email":"5@sina.com","id":5,"password":"25","username":"小红5"},{"age":16,"email":"6@sina.com","id":6,"password":"36","username":"小红6"},{"age":17,"email":"7@sina.com","id":7,"password":"49","username":"小红7"},{"age":18,"email":"8@sina.com","id":8,"password":"64","username":"小红8"},{"age":19,"email":"9@sina.com","id":9,"password":"81","username":"小红 9"}]}

每次运行之前都会出现提示，即执行'before'函数

Targets：返回值显示的地方，在id为result的div内显示。这个也可以显示在多个地方，在Targets标签内写入多个id，用逗号分隔开。

在标签内有如下属性

openDialog;这个是接收一个对话框的id，当点击此链接将打开

openDialogTitle;当触发openDialog或者openDialogTopics时设置标题名字

其他的具体自己读英文吧，我英文也不是很好，所以就不翻译了，以后用到了看下源码就可以了

谁英文好帮助翻译下也不错，大家一起进步。

Attributes

Name	Required	Default	Evaluated	Type	Description
accesskey	false		false	String	Set the html accesskey attribute on rendered html element
button	false	false	false	Boolean	jQuery UI Button
buttonIcon	false		false	String	Icons to display. The primary icon is displayed on the left of the label text. Value must be a classname (String), eg. ui-icon-gear.
buttonIconSecondary	false		false	String	Icons to display. The secondary icon is displayed on the right of the label text. Value must be a classname (String), eg. ui-icon-gear.
buttonText	false	true	false	Boolean	Whether to show any text - when set to false (display no text), icons (see icons option) must be enabled, otherwise it'll be ignored.
clearForm	false		false	Boolean	Clear all form fields after successful submit when using formIds. Default: false
cssClass	false		false	String	The css class to use for element
cssErrorClass	false		false	String	The css error class to use for element
cssErrorStyle	false		false	String	The css error style definitions for element to use
cssStyle	false		false	String	The css style definitions for element to use
dataType	false		false	String	Type of the result. e.g. html, xml, text, json, ...
disabled	false		false	String	Set the html disabled attribute on rendered html element
effect	false	none	false	String	Perform a effect on the elements specified in the 'targets' attribute. e.g. bounce, highlight, pulsate, shake, size or transfer. See more details athttp://docs.jquery.com/UI/Effects
effectDuration	false	2000	false	String	Duration of effect in milliseconds. Only valid if 'effect' attribute is set
effectMode	false	none	false	String	The Effect Mode. show, hide, toggle, none
effectOptions	false		false	String	jQuery options for effect, eg 'color : #aaaaaa' for the highlight effect or 'times : 3' for the bounce effect. Only valid if 'effect' attribute is set. See more details athttp://docs.jquery.com/UI/Effects
errorElementId	false	false	false	String	This should provide the id of the element into which the error text will be placed when an error ocurrs loading the container. If 'errorTest' is provided, that wil be used, otherwise the ajax error message text wil be used.
errorText	false	false	false	String	The text to be displayed on load error. If 'errorElement' is provided, this will display the error in the elemtn (if existing), if not, it will display the error as the contents of this container
formIds	false		false	String	Comma delimited list of form ids for which to serialize all fields during submission when this element is clicked (if multiple forms have overlapping element names, it is indeterminate which will be used)
href	false		false	String	The url to be use when this element is clicked
id	false		false	String	HTML id attribute
iframe	false		false	Boolean	Boolean flag indicating whether the form should always target the server response to an iframe when using formIds. This is useful in conjuction with file uploads. Default: false
indicator	false		false	String	If loading content into a target, Id of element that will be displayed during loading and hidden afterwards (will override settings for the target container)
javascriptTooltip	false	false	false	Boolean	Use JavaScript to generate tooltips
key	false		false	String	Set the key (name, value, label) for this particular component
label	false		false	String	Label expression used for rendering an element specific label
labelSeparator	false	:	false	String	String that will be appended to the label
labelposition	false		false	String	Define label position of form element (top/left)
listenTopics	false		false	String	The comma separated list 'listenTopics' is the list of topic names that is used to trigger a request.
loadingText	false		false	String	If loading content into a target, The text to be displayed during load (will be shown if any provided, will override settings for the target container)
name	false		false	String	The name to set for element
onAfterValidationTopics	false		false	String	A comma delimited list of topics that published after the Ajax validation. event.originalEvent.formvalidate to see if validation passed/failed.
onAlwaysTopics	false		false	String	A comma delimited list of topics that published always
onBeforeTopics	false		false	String	Topics that are published before a load
onBlurTopics	false		false	String	A comma delimited list of topics that published when the element is blured
onChangeTopics	false		false	String	A comma delimited list of topics that published when the element changed
onClickTopics	false		false	String	A comma delimited list of topics that published when the element is clicked
onCompleteTopics	false		false	String	A comma delimited list of topics that published when the element ajax request is completed (will override settings for a target container if provided)
onDisableTopics	false		false	String	A comma delimited list of topics that published when the element disabled
onEffectCompleteTopics	false		false	String	A comma delimited list of topics that published when an effect is completed
onEnableTopics	false		false	String	A comma delimited list of topics that published when the element is enabled
onErrorTopics	false		false	String	A comma delimited list of topics that published when the element ajax request returns an error (will override settings for a target container if provided)
onFocusTopics	false		false	String	A comma delimited list of topics that published when the element is focused
onSuccessTopics	false		false	String	A comma delimited list of topics that published when the element ajax request is completed successfully (will override settings for a target container if provided)
onblur	false		false	String	Set the html onblur attribute on rendered html element
onchange	false		false	String	Set the html onchange attribute on rendered html element
onclick	false		false	String	Set the html onclick attribute on rendered html element
ondblclick	false		false	String	Set the html ondblclick attribute on rendered html element
onfocus	false		false	String	Set the html onfocus attribute on rendered html element
onkeydown	false		false	String	Set the html onkeydown attribute on rendered html element
onkeypress	false		false	String	Set the html onkeypress attribute on rendered html element
onkeyup	false		false	String	Set the html onkeyup attribute on rendered html element
onmousedown	false		false	String	Set the html onmousedown attribute on rendered html element
onmousemove	false		false	String	Set the html onmousemove attribute on rendered html element
onmouseout	false		false	String	Set the html onmouseout attribute on rendered html element
onmouseover	false		false	String	Set the html onmouseover attribute on rendered html element
onmouseup	false		false	String	Set the html onmouseup attribute on rendered html element
onselect	false		false	String	Set the html onselect attribute on rendered html element
openDialog	false		false	String	id of dialog that will be opened when clicked.
openDialogTitle	false		false	String	Set the title of a dialog opened by openDialog or openDialogTopics
openTemplate	false		false	String	Set template to use for opening the rendered html.
replaceTarget	false	false	false	Boolean	Set to true if the target should be replaced or false if only the target contents should be replaced when using formIds.
requestType	false	POST	false	String	Type of the AJAX Request. POST, GET, PUT
required	false	false	false	Boolean	If set to true, the rendered element will indicate that input is required
requiredposition	false		false	String	Define required position of required form element (left\|right)
resetForm	false		false	Boolean	Reset the form after successful submi twhen using formIds. Default: false
tabindex	false		false	String	Set the html tabindex attribute on rendered html element
targets	false		false	String	A comma separated list of ids of container elements to load with the contents from the result of this request
template	false		false	String	The template (other than default) to use for rendering the element
templateDir	false		false	String	The template directory.
timeout	false	3000	false	Integer	jQuery options for timeout. Default is 3000
title	false		false	String	Set the html title attribute on rendered html element
tooltip	false		false	String	Set the tooltip of this particular component
tooltipConfig	false		false	String	Deprecated. Use individual tooltip configuration attributes instead.
tooltipCssClass	false	StrutsTTClassic	false	String	CSS class applied to JavaScrip tooltips
tooltipDelay	false	Classic	false	String	Delay in milliseconds, before showing JavaScript tooltips
tooltipIconPath	false		false	String	Icon path used for image that will have the tooltip
validate	false	false	false	Boolean	Enable client AJAX validation
validateFunction	false		false	String	A function that handle the client validation result. eg.: myValidation(form, errors)
value	false		false	String	Preset the value of input element.