在div标签 中指定了一个handler属性,该属性指向一个JavaScript函数。这意味着每次是该Div内容刷新时,该JavaScript函数都会被调用。一旦div标签指定了handler属性,则该div标签的herf属性所指定的属性值将完全失去作用。
除此之外, div标签还可以将一个表单里包含的表单域转换成对应的请求参数,并且把这些请求参数发送给远程服务器。为了让一个div标签发送表单里包含的表单域,属性如下:
(5) formId: 该属性的属性值为一个表单元素的ID
除此之外,为了通过在JavaScript代码中手动控制div标签启动自动更新,关闭自动更新,可以指定以下两个属性:
(6) startTimerListenTopics: 该属性设置一个监听的事件主题,当有Struts2组件向该主题发布事件时,该div标签的计时器被启动。
(7) stopTimerListenTopics: 该属性设置一个监听的事件主题,当有Struts2组件向该主题发布事件时,该div标签的计时器被关闭。
P391的一个例子,示范了上面三个属性的用法。
<%@ page contentType="text/html;charset=GBK" language="java" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
<head>
<title>远程Div</title>
<s:head theme="ajax"/>
</head>
<script>
var controller = {
refresh : function() {alert("手动刷新");},
start : function() {alert("启动自动刷新");},
stop : function() {alert("停止自动刷新");}
};
//将controller的refresh方法注册成/refresh主题的发布者
dojo.event.topic.registerPublisher("/refresh", controller, "refresh");
//将controller的start方法注册成/startTimer主题的发布者
dojo.event.topic.registerPublisher("/startTimer", controller, "start");
//将controller的stop方法注册成/stopTimer主题的发布者
dojo.event.topic.registerPublisher("/stopTimer", controller, "stop");
//为after主题指定一个事件处理函数
dojo.event.topic.subscribe("/after", function(data, type, e){
alert('与服务器交互过程中. 现在的过程类型是:' + type);
//data : text returned
//type : "before", "load" or "error"
//e : request object
});
</script>
<body>
<form id="form">
<s:textfield name="data" label="输入框"/>
</form>
<input type="button" value="手动刷新" onclick="controller.refresh()">
<input type="button" value="停止计时器" onclick="controller.stop()">
<input type="button" value="启动计时器" onclick="controller.start()">
<br>
<s:url id="rd" value="/random.action"/>
使用pub-sub机制(通过指定listenTopics等属性)<br>
发送表单请求参数(通过指定formId="form")<br>
<s:div id="div1"
theme="ajax"
cssStyle="border: 1px solid black;background-color:#dddddd;
width:300px;height:40px;padding-top:8px;padding-left:20px"
href="%{rd}"
loadingText="正在加载服务器内容..."
listenTopics="/refresh" //加载服务器响应
startTimerListenTopics="/startTimer" //当有startTimer事件发布时启动计数器
stopTimerListenTopics="/stopTimer" //当有stopTimer事件发布是停止计数器
updateFreq="9000"
autoStart="true" //加载此页面时自动启动计数器
formId="form" //指定表单的ID
notifyTopics="/after"> //指定主题名为after,其它的事件都会发布到此主题下
初始化文本
</s:div>
</body>
分享到:
相关推荐
所有的s标签介绍-C: <s:checkbox></s:checkbox>-----复选框 ...<s:div></s:div>-----表示一个块,类似于html的<div></div> <s:doubleselect list="" doubleName="" doubleList=""></s:doubleselect>-----双下拉框
<%@ taglib prefix="s" uri="/struts-tags" %> 就能使用struts2.0的标签库 下面就介绍每个标签的具体应用实例说明:按字母排列 A: 1. 2. <s:a href=""></s:a>-----超链接,类似于html里的<a></a> 3. <s:...
纯CSS无图片带箭头的DIV方框</title> <style> div.container{position:absolute; top:30px; left:40px; font-size: 9pt; display:block; height:100px; width:200px; background-color:transparent; *...
div+css布局大全 B/S项目表现层也很重要!
使用div+css开发个人网站毕业设计 目 录 前 言 1 第一章 网站开发背景 2 第一节 web概述 2 一、认识WEB 2 二、认识WEB2.0标准 2 第二章 DIV+CSS详解 5 第一节 DIV+CSS简介 5 第二节 级联样式表简介 6 第三节 DIV+CSS...
transition是将某个属性从一个属性值在指定的时间内平滑过渡到另一...}div:hover{ background-color:yellow;}<div>思思博士</div> 鼠标没放上去之前: 鼠标放上去0.2s后 的变化过程: 鼠标放上去的最终效果: 看到这里
效果图地址:http://blog.sina.com.cn/s/blog_6b759ccf0101mbbt.html
纯的JS操作DIV,从C/S程序获取数据,把柱图输出到页面, 纯的JS操作DIV,从C/S程序获取数据,把柱图输出到页面
netgather企业免费建站系统 1.9.5s: 为达到最佳效果,推荐使用九网互联的ASP空间,支持绑定域名到目录。 NetGather企业免费建站系统是结合asp+access+div+css开发的多语言网站,欢迎大家使用! NetGather企业建站...
Rainer's Handbook 声明清单 | 相关内容: See Also... !important 版本:CSS1 兼容性:IE4+ 语法: { sRule!important } 取值: sRules : 样式表定义 说明: 提升指定样式规则的应用优先权。 示例: div {...
NetGather企业建站系统是结合asp access div css开发的多语言网站,支持无限的语言种类、菜单栏目及栏目分类(免费版本不支持添加语言),后台操作便捷、友好、更具人性化,完全适合中小型企业的要求。 1.技术:采用...
div仿框架(B S结构软件界面)详解[非quirks模式全兼容]_files.rar
网页魔方效果,展示。 过渡与动画 过渡 transition属性 transition 属性名 持续时间 过渡方法 transition-property 属性名|all ... div:hover{ color: white; background-color: #45b823; }
js控制六个div的大小变化,而且带自动增大缩小动画效果,非常实用于网页开发,支持.net,asp,php
概述 6级核心2宽超标量,实现RiscV ...目前存在的Svas仅在仿真中使用,没有在任何正式的验证过程中使用 未来的优化 用优化的硬件替换MUL / DIV单元,以减少执行延迟并解压缩许多路径 未来的工作 浮点和定点算法 CSR,SY
<s:property value="pageNow"/>/<s:property value="pageCount"/>页 <s:url id="url_pre" value="news_findAll.action"> <s:param name="pageNow" value="pageNow-1"></s:param> </s:url> ...
【运用技术】:Div+Css、JavaScript+JQuery,EasyUI、Asp.Net、T-Sql 编程、Ado.net、三层架构。【项目描述】: 此系统可以进行用户管理、用户信息管理和资讯管理。权限分游客、用户和管理员三个身份。 1.游客可以...
Hu s Invariant moments, easy to undersy tand div hr div B 文件列表 B : div
波形发生器:使用STM32一路DA实现正弦,三角波,方波,白噪声输出。 任意一种波形幅值在0-3.3V任意可调、频率在一定范围任意可调、方波占空比可调。调节选项可以通过触摸屏完成设置。 SD卡存储: SD卡波形存储输出...
对css里的元素如:html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, ...