全动态Portlet点击后选中样式

1   背景概述

在配置公司云平台的帮助信息过程中,由于使用的全动态portlet的数据URL获取到的是静态数据,没有办法在后台做选中的逻辑判断,所以需要在前台来控制选中列表的样式,这里将对前台选中列表样式改变的方法进行介绍。

2   预期读者

  • 数通畅联内部员工
  • IT行业爱好者

3   名词解释

  • 全动态Portlet:数通畅联预置的显示Portlet,显示数据通过模板控制显示的样式
  • 静态数据:通过模板定义模拟显示的数据

4   实现思路

在全动态的显示模板中添加选中的css,为li以及a标签定义id属性,前台的回调函数通过id比较为当前的li标签设置选中的样式。

5   实现步骤

  • 添加选中的样式

  • 为li以及a标签设置id属性

由于列表中的a标签的超链接是用来在刷新页面(href跳转指向的是当前页面故此刷新页面)的同时添加参数在地址url上以便右侧的信息正文portlet可以取得参数值,所以,可以通过回调函数获取url中的参数值。

  • 执行回调函数设置选中显示

时间: 2024-08-26 12:48:24

全动态Portlet点击后选中样式的相关文章

AEAI Portal-全动态Portlet配置

1. 概述 全动态Portlet,顾名思义,就是所有显示的内容全是动态的,包括显示样式和数据,显示的样式通过Html模板设置,而数据则可以有多种来源:常用的有ESB消息流程提供.通过Handler构造或通过门户管理中静态数据配置等. 2. 数据模板配置 全动态模板是html语言模板,在模板中定义数据显示的方式.样式等.相当于给数据穿了一件外衣.样式可以根据需要灵活设置,如table表格.ul列表等.下面我给出一个全动态模板样例,进行详细说明. 在门户管理中进入数据模板-->组件模板: 新增一个模

2016/3/30 租房子 ①建立租房子的增、删、改php页面 ②多条件查询 ③全选时 各部分全选中 任意checkbox不选中 全选checkbox不选中

字符串的另一种写法:<<<AAAA; 后两个AA回车要求定格  不然报错 例子: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 <?php 9 $str = &

javascript如何动态设置div的样式

javascript如何动态设置div的样式:有时候需要根据需要动态设置div的样式,当然对于稍有经验的javascript开发者来说,这一切都是那么的简单,但是对于初学者或者说没有相关经验的开发者来说可能就是一个不大不小的难关,下面就通过实例简单介绍一下如何实现此效果.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="aut

开发Portlet第二步:如何将Crystal静态Portlet转变成基于测试数据的动态Portlet?

当基于Crystal的静态Portlet开发完成后,在与后台服务联调前,还需要将Portlet转换成基于测试数据的动态Portlet.具体步骤如下: 分步指南 复制Portlet项目,并修改相关的pom.xml.src/main/webapp/WEB-INF/liferay-plugin-package.xml.src/main/webapp/WEB-INF/liferay-plugin-package.properties文件中的Atifact-ID.module-id等信息,区别原静态Por

checkbox的全选,取消全选,获得选中值

<html> <head> <title>jq全选以及获得选中项的值</title> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.4.1/jquery.js"></script> <script> $(function() { $("#select").click

Spt Olga v7.1(v6.3, V6.2) 全动态多相流模拟计算程序

Code V.v10.4.SP1 LightTools.v7.3 Stoner Pipeline Simulator v9.9.0(v9.7.2, v9.6, v9.5) (SPS)建立了鄯乌管道离线电子管道系统,借助Visual Basic(VB)程序开发语言,开发了具有与现场一致的SCADA系统操作界面,应用SPS软件与VB语言接口,建立了前台操作界面与后台电子管道之间的实时连接独家所有,功能完整,可远程测试.Synergee gas V4.52 储气田和集气井仿真建模和分析 Schlumb

全动态多相流模拟计算程序OLGA.v7.3-ISO 1CD

全动态多相流模拟计算程序OLGA.v7.3-ISO 1CDSPT Olga V7.1 全动态多相流模拟计算程序OLGA是一个学科交叉的软件,其为工艺工程师.管道工程师.石油工程师和操作工程师提供了一个共同的应用平台.SPT Group ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 专业提供各类行业软件,诚信为本,欢迎您的咨询 + Q Q:1140988741 电 话TEL:18980583122 邮件:[em

dede 设置为全动态浏览

将织梦所有栏目设置为“使用动态页”,可以再建立栏目时选择“使用动态页”:也可以执行下面的SQL语句.update dede_arctype set isdefault=-1 将网站所有文档都设置为“仅动态”执行下面的SQL语句:update dede_archives set ismake=-1 在织梦后台  系统 -> sql命令行工具 执行上面sql语句即可 dede 设置为全动态浏览

js和css控制鼠标略过和点击后的样式

点击链接加入群[JavaEE(SSH+IntelliJIDE+Maven)]:http://jq.qq.com/?_wv=1027&k=L2rbHv 一.js和css控制鼠标略过和点击后的样式 [html] view plaincopy <script language="javascript"> document.onreadystatechange=function()     //当页面状态改变时执行函数 { if(document.readyState ==