Struts2 jQuery Plugin Showcase 学习笔记

最新推荐文章于 2024-11-13 17:27:29 发布

q79343654

最新推荐文章于 2024-11-13 17:27:29 发布

阅读量97

点赞数

分类专栏： struts-jquery struts jquery 每日问题总结 jsp javascript 文章标签： javascript java xhtml ViewUI

本文链接：https://blog.csdn.net/q79343654/article/details/84092752

版权

每日问题总结同时被 3 个专栏收录

25 篇文章 0 订阅

订阅专栏

javascript

19 篇文章 0 订阅

订阅专栏

jquery

15 篇文章 0 订阅

订阅专栏

<%@ page contentType="text/html;charset=UTF-8" %>

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

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<sj:head scriptPath="template/" jquerytheme="start"/>

<style>

.cl{

width:64px;height:24px;font-size:11px;padding:0px;margin:0px;

}

</style>

</head>

<body>

<!-- <div id="result1">adsf</div>

<s:url id="ajax" value="test!ajax1.action"/>

<sj:a id="ajaxlink"

href="%{ajax}"

targets="result1,result2"

indicator="indicator"

button="true"

buttonIcon="ui-icon-refresh"

cssClass="cl"

AJAX

</sj:a>

<hr />

<div id="formResult" class="result ui-widget-content ui-corner-all">Submit form bellow.</div>

<s:form id="form" action="test!ajax2.action" theme="xhtml">

<s:textfield id="name" name="name" value=""/><br/>

</s:form>

<sj:a

id="ajaxformlink"

formIds="form"

targets="formResult"

indicator="indicator"

button="true"

buttonIcon="ui-icon-gear"

cssClass="cl"

submit

</sj:a>

<hr/>

<div id="result" class="result ui-widget-content ui-corner-all">Submit form bellow.</div>

<s:url id="run" value="test!ajax1.action"/>

<sj:a

id="ajaxlink1"

href="%{run}"

indicator="indicator"

targets="result"

onClickTopics="before"

onCompleteTopics="complete"

effect="pulsate"

button="true"

buttonIcon="ui-icon-gear"

cssClass="cl"

effect="highlight"

effect="bounce"

effectDuration="2200"

effectOptions="{ color : '#FFFAAA' }"

effectDuration="3000"

run

</sj:a>

<br/>

<sj:a

id="ajaxlink2"

href="error.html"

indicator="indicator2"

targets="result"

onClickTopics="before"

onCompleteTopics="complete"

onErrorTopics="errorState"

effect="pulsate"

effectDuration="1500"

button="true"

buttonIcon="ui-icon-gear"

cssClass="cl"

error

</sj:a>

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

alert('Before request ');

$('#result').html('Loading ...');

});

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

$('#result').append('<br/><br/><strong>Completed request '+event.originalEvent.request.statusText+' completed with '+event.originalEvent.status+ '.</strong><br/>Status: '+event.originalEvent.request.status);

});

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

$('#result').html('<br/><br/><strong>Error request '+event.originalEvent.request.statusText+' completed with '+event.originalEvent.status+ '.</strong><br/>Status: '+event.originalEvent.request.status);

});

</script>

<hr/>

<s:form id="formEffect" action="test!ajax2.action" theme="xhtml">

<s:textfield id="name" name="name" label="name" value=""/><br/>

<sj:submit

targets="result5"

effect="blind"

effectMode="show"

onEffectCompleteTopics="hideTarget"

value="AJAX Submit"

indicator="indicator5"