`
wfwkiss
  • 浏览: 123730 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

s:div 的使用

阅读更多
在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>
分享到:
评论

相关推荐

    struts2标签大全

    所有的s标签介绍-C: &lt;s:checkbox&gt;&lt;/s:checkbox&gt;-----复选框 ...&lt;s:div&gt;&lt;/s:div&gt;-----表示一个块,类似于html的&lt;div&gt;&lt;/div&gt; &lt;s:doubleselect list="" doubleName="" doubleList=""&gt;&lt;/s:doubleselect&gt;-----双下拉框

    struts2 标签库 帮助文档

    &lt;%@ taglib prefix="s" uri="/struts-tags" %&gt; 就能使用struts2.0的标签库 下面就介绍每个标签的具体应用实例说明:按字母排列 A: 1. 2. &lt;s:a href=""&gt;&lt;/s:a&gt;-----超链接,类似于html里的&lt;a&gt;&lt;/a&gt; 3. &lt;s:...

    纯css带箭头div

    纯CSS无图片带箭头的DIV方框&lt;/title&gt; &lt;style&gt; div.container{position:absolute; top:30px; left:40px; font-size: 9pt; display:block; height:100px; width:200px; background-color:transparent; *...

    div+css布局大全

    div+css布局大全 B/S项目表现层也很重要!

    使用div+css开发个人网站毕业设计.doc

    使用div+css开发个人网站毕业设计 目 录 前 言 1 第一章 网站开发背景 2 第一节 web概述 2 一、认识WEB 2 二、认识WEB2.0标准 2 第二章 DIV+CSS详解 5 第一节 DIV+CSS简介 5 第二节 级联样式表简介 6 第三节 DIV+CSS...

    css3的transition属性详解

    transition是将某个属性从一个属性值在指定的时间内平滑过渡到另一...}div:hover{ background-color:yellow;}&lt;div&gt;思思博士&lt;/div&gt; 鼠标没放上去之前: 鼠标放上去0.2s后 的变化过程: 鼠标放上去的最终效果: 看到这里

    div tab div+css 实现tab效果

    效果图地址:http://blog.sina.com.cn/s/blog_6b759ccf0101mbbt.html

    Js操作DIV实现在页面输出柱图

    纯的JS操作DIV,从C/S程序获取数据,把柱图输出到页面, 纯的JS操作DIV,从C/S程序获取数据,把柱图输出到页面

    netgather企业免费建站系统 1.9.5s

    netgather企业免费建站系统 1.9.5s: 为达到最佳效果,推荐使用九网互联的ASP空间,支持绑定域名到目录。 NetGather企业免费建站系统是结合asp+access+div+css开发的多语言网站,欢迎大家使用! NetGather企业建站...

    css(样式)帮助文档帮助你写出好的样式

    Rainer's Handbook 声明清单 | 相关内容: See Also... !important 版本:CSS1 兼容性:IE4+ 语法: { sRule!important } 取值: sRules : 样式表定义 说明: 提升指定样式规则的应用优先权。 示例: div {...

    NetGather企业建站系统 v1.0S.rar

    NetGather企业建站系统是结合asp access div css开发的多语言网站,支持无限的语言种类、菜单栏目及栏目分类(免费版本不支持添加语言),后台操作便捷、友好、更具人性化,完全适合中小型企业的要求。 1.技术:采用...

    div仿框架(B S结构软件界面)

    div仿框架(B S结构软件界面)详解[非quirks模式全兼容]_files.rar

    12 爱情魔方step03.rar

    网页魔方效果,展示。 过渡与动画 过渡 transition属性 transition 属性名 持续时间 过渡方法 transition-property 属性名|all ... div:hover{ color: white; background-color: #45b823; }

    js控制六个div的大小变化

    js控制六个div的大小变化,而且带自动增大缩小动画效果,非常实用于网页开发,支持.net,asp,php

    DRIM-S:DUTH RISC-V超标量微处理器

    概述 6级核心2宽超标量,实现RiscV ...目前存在的Svas仅在仿真中使用,没有在任何正式的验证过程中使用 未来的优化 用优化的硬件替换MUL / DIV单元,以减少执行延迟并解压缩许多路径 未来的工作 浮点和定点算法 CSR,SY

    三大框架下分页源代码

    &lt;s:property value="pageNow"/&gt;/&lt;s:property value="pageCount"/&gt;页 &lt;s:url id="url_pre" value="news_findAll.action"&gt; &lt;s:param name="pageNow" value="pageNow-1"&gt;&lt;/s:param&gt; &lt;/s:url&gt; ...

    一站式综合众筹融资平台、众筹网项目 源码类型: B/S 开发环境: VS2012 + SQL2012数据库和源码都有

    【运用技术】:Div+Css、JavaScript+JQuery,EasyUI、Asp.Net、T-Sql 编程、Ado.net、三层架构。【项目描述】: 此系统可以进行用户管理、用户信息管理和资讯管理。权限分游客、用户和管理员三个身份。 1.游客可以...

    954742.rar_easy _数据挖掘

    Hu s Invariant moments, easy to undersy tand div hr div B 文件列表 B : div

    STM32示波器(内含:原理图及PCB源码、上位机及源码还有设计资料参数通信协议等)

    波形发生器:使用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,

    对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, ...

Global site tag (gtag.js) - Google Analytics