`
agileai
  • 浏览: 60955 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

全动态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中的参数值。

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

       

分享到:
评论

相关推荐

    portlet源码,portlet Filter

    Portlet是一种在Web应用程序中,特别是企业级门户平台中,用于呈现内容和功能的可重用组件。在Java世界中,portlet技术主要基于JSR 286(Portlet 2.0 API)标准,它定义了portlet如何与门户服务器交互。本篇文章将...

    Portlet标准汉化手册

    3. **Portlet**:Portlet是基于Java的Web组件,由Portlet Container管理,响应用户的请求并生成动态内容。它们是可插拔的界面模块,可以组合成一个复杂的Portal页面。 **2. Portlet详解** Portlet是构成Portal的...

    jquery portlet

    jQuery Portlet 提供了智能添加功能,允许用户动态添加新的portlet到页面。这一功能通常通过点击“添加”按钮或者拖拽预定义的portlet模板来实现,提高了用户对内容的自定义程度。 ### 6. 兔子的jquery ui portlet ...

    portlet开发参考手册

    Portlet开发参考手册是针对portlet技术的一份详细指南,它为开发者提供了全面的指导,以帮助他们构建和集成portlet到Web门户中。Portlet是一种可重用的Web组件,它们在门户环境中运行,允许用户自定义门户界面,展示...

    Portlet规范介绍.rar

    3. 处理动作请求:用户与portlet交互,如点击按钮,portlet会处理动作请求,可能更新内部状态或执行业务逻辑。 4. 处理资源请求:portlet可以异步处理资源请求,提供动态数据,提高性能。 5. 事件处理:portlet之间...

    portlet入门介绍

    1. 请求处理:当用户与portlet交互时,例如点击portlet内的按钮,portlet会收到一个ActionRequest。portlet根据这个请求执行相应的业务逻辑,并返回一个ActionResponse,其中可能包含新的视图状态信息。 2. 视图...

    IBM portlet api 和 中文教程

    IBM Portlet API是WebSphere Portal应用开发中的核心组件,它为构建portlet提供了一套标准的接口和类库。Portlet是一种可重用的Web组件,它们可以集成到门户环境中,展示来自不同数据源的信息,并与用户进行交互。...

    portlet详细例子

    Portlet是一种在门户环境下运行的小型应用程序,它允许在单一的网页界面上集成多个功能...在深入学习和实践后,开发者可以创建更复杂的portlet,实现更丰富的功能,如与用户交互、动态数据展示、与其他portlet协作等。

    portlet之开发详解(中文)

    在如今的Web应用中,Portlet技术是一种用于创建动态Web内容组件的Java API,特别是在企业门户应用中十分常见。Portlet可以在 Portal 页面中作为一个独立的窗口区域显示内容,并且可以集成来自不同Web资源的信息。...

    portlet简单示例

    portlet可以独立于其他portlet运行,并且可以通过用户交互(如点击按钮)或者服务器端事件来更新其内容。 **portlet开发环境准备:** 1. 首先,确保你已经安装了Java Development Kit (JDK),因为portlet是用Java...

    portlet

    2. Portlet渲染:portlet容器接收到请求后,根据portlet定义的配置决定是否需要重新渲染整个portlet,或者仅更新部分区域。 3. Action处理:portlet执行相应的Action方法,处理用户请求,可能涉及数据库操作或其他...

    最新最全的Portlet 通信过程详解

    ### 最新最全的Portlet通信过程详解 #### 概念介绍 - **Portal的定义**:Portal是一种基于Web的应用程序,它提供了个性化服务、单点登录能力、内容整合功能,以及作为信息系统的前端界面。它能根据用户的需求提供...

    eclipse+tomcat开发portlet

    - `processAction()`方法:处理portlet的动作请求,例如按钮点击。 - `render()`方法:处理portlet的渲染请求,负责生成最终的HTML输出。 - `serveResource()`方法:处理portlet的资源请求,通常用于异步数据交换...

    PortLet 入门小例子

    总结来说,"Portlet入门小例子"涵盖了从创建portlet项目,编写portlet类,定义视图,建立数据模型,到部署和测试portlet的全过程。这将帮助初学者理解portlet的工作原理,并为更复杂的portlet开发打下基础。通过实践...

    Stringbeans3.5 加载外部portlet应用

    5. **测试与调试**:完成上述步骤后,启动Stringbeans服务器,访问门户页面检查portlet是否正确加载和显示。如果遇到问题,可以查看服务器日志进行调试。 在提供的“门户加载外部portlet整理”压缩包中,应该包含了...

    portlet资料

    - Portlet是Web应用程序的一种组件,它可以被插入到门户页面中,与用户进行交互,展示动态内容。 - Portlet通过portlet容器来管理,容器负责处理用户的请求,提供渲染机制,并协调多个portlet之间的交互。 2. **...

    Liferay portlet 工程示例代码

    Liferay Portlet工程示例代码提供了开发者们一个深入理解并实践Liferay Portal平台上的portlet开发的宝贵资源。Liferay Portal是一款开源的企业级门户系统,它允许用户创建、管理和集成各种Web应用程序,而portlet...

    Portlet

    1. **portlet容器**:portlet容器是运行portlet的平台,它负责管理portlet生命周期,包括初始化、渲染、事件处理等,并提供portlet间通信的机制。常见的portlet容器有IBM WebSphere Portal、Liferay Portal和JBoss ...

    Spring mvc portlet demo

    **Spring MVC Portlet Demo** Spring MVC Portlet是一个用于构建portlet应用程序的框架,它结合了Spring MVC的灵活性和portlet规范的强大功能。在这个demo中,我们将会深入探讨如何利用Spring 3.0 MVC架构来开发...

    portlet 开发

    Portlet开发是构建企业级Web应用程序的一种方法,特别是在Java平台上,它被广泛应用于构建可重用、可组合的Web组件。Portlet技术允许开发者创建独立的功能模块,这些模块可以集成到更大的Web门户中,为用户提供个性...

Global site tag (gtag.js) - Google Analytics