因为portal中的好几块地方(portlet)取数据比较慢,登陆进去要花7到8秒,在用户面前实在讲不过去,因此觉得采用异步的方式来读取加载数据,ajax的应用使这一切都已经不再是一个问题,下面的这个文件是waterquantity.portlet,以前使用的jpf的portlet方式(注释部分),现在改成了jsp的portlet,然后在waterquantity.jsp文件中使用ajax(jQuery)来调用这个jpf的.do,现在效果非常明显,进去只要花不到一秒钟了!
<?xml version="1.0" encoding="UTF-8"?>
<portal:root
xmlns:netuix="http://www.bea.com/servers/netuix/xsd/controls/netuix/1.0.0"
xmlns:portal="http://www.bea.com/servers/netuix/xsd/portal/support/1.0.0"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.bea.com/servers/netuix/xsd/portal/support/1.0.0 portal-support-1_0_0.xsd">
<netuix:portlet
definitionLabel="waterquantity_1"
title="水量信息">
<netuix:content>
<!--
<netuix:pageflowContent action="waterweight" refreshAction="waterweight" contentUri="/portlets/welcome/WelcomeController.jpf"/>
-->
<netuix:jspContent contentUri="/portlets/waterinfo/waterquantity.jsp"/>
</netuix:content>
</netuix:portlet>
</portal:root>
/***waterquantity.jsp***/
<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="http://beehive.apache.org/netui/tags-databinding-1.0" prefix="netui-data"%>
<%@ taglib uri="http://beehive.apache.org/netui/tags-html-1.0" prefix="netui"%>
<%@ taglib uri="http://beehive.apache.org/netui/tags-template-1.0" prefix="netui-template"%>
<%@ taglib uri="http://www.bea.com/servers/portal/tags/netuix/render" prefix="render"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<table width="100%" style="height:230pt;" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="25">
<table width="100%" height="25" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="40"><img src="<render:getSkinPath imageName="table4_left.gif"/>" width="40" height="25"></td>
<td class="table-right">水量信息</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" class="table-bg"><p id="waterqdata">水量信息数据加载中...</p>
<!--
12日8时至13日8时我市域外引水总量xx万方,截止13日8时我市域外引水总量xx万方,年平均域外引水总量xx万方。
12日8时至13日8时我市上报xx宗水库自产水总量xx万方。
12日8时至13日8时我市上报xx宗水库总供水量xx万方,较前日增加(减少)xxx万方,今年日平均供水量xx万方。</p>
-->
</td>
</tr>
</table>
<script type="text/javascript">
<!--
$(document).ready(function(){
$.ajax({
type: "GET",
url: "/water/portlets/welcome/waterweight.do",
success: function(msg){ $('#waterqdata').html(msg); },
dataType: "html"
});
return false;
});
//-->
</script>
分享到:
相关推荐
jquery.portal.js
本篇文章将深入探讨如何利用jQuery UI搭建一个Portal系统,以及如何通过用户控件实现模块化,并解决不同用户保存个性化布局的问题。 首先,让我们理解jQuery UI的核心组件。jQuery UI包括了各种UI元素,如可拖动...
5. **插件扩展性**:Portal插件具有良好的扩展性,可以与其他jQuery插件集成,例如,与数据可视化、表单处理等插件配合使用。 **使用方法** 1. **引入依赖**:首先,需要在HTML文件中引入jQuery库和Portal插件的...
"基于jquery ui实现的portal"这个主题,主要涉及到如何利用jQuery UI来构建一个门户页面。门户页面通常是一个集成了多种功能和信息展示的入口,它能够根据用户需求个性化定制,提供一站式的服务体验。 首先,我们...
在本示例中,我们关注的是一个基于jQuery实现的Portal布局调整功能,而不是依赖于EasyUI Portal或Sortable插件。这个功能通过拖拽操作使用户能够自定义门户页面上的组件位置,从而实现个性化的布局。 首先,我们要...
要使用jQuery UI Portal,首先需要引入jQuery库和jQuery UI的相关CSS和JS文件。然后,开发者可以通过JavaScript API来创建和管理portlet。在HTML结构中,portlet可以是`<div>`元素,通过添加特定的类或属性来定义其...
**jQuery拖拽布局插件Portal详解** jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理以及动画效果。"jQuery拖拽布局插件Portal"是基于jQuery的一个扩展,专门用于实现用户界面...
在本主题中,我们主要讨论的是如何利用 jQuery EasyUI Portal 实现类似谷歌Dashboard的布局功能,并且支持用户自定义拖动后的位置保存。 首先,jQuery EasyUI Portal 是一个面板网格布局,它允许用户通过拖放操作...
综上所述,"jquery-easyui-portal"为开发者提供了一套完整的解决方案,用于构建高度定制化的门户页面,通过丰富的图表、列表和球型图,以及灵活的布局管理,提升了用户体验,也简化了开发流程。无论是小型项目还是...
【jQuery Portal 页面源码解析】 在网页开发中,"jQuery Portal 页面"是一种常见的设计模式,它允许用户通过自定义布局来组织和展示多种信息模块。这个主题涉及到的是使用 jQuery 库来实现这样的功能,其中“可拖拽...
jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突
"jquery-easyui-portal.zi"这个压缩包文件显然包含了与jQuery EasyUI相关的资源,特别是针对门户(portal)的实现。门户框架是构建企业级应用的重要组成部分,它可以整合多个功能模块,提供个性化的工作空间,便于用户...
jQuery拖拽布局插件Portal是基于...在压缩包"jiaoben181286"中,可能包含了jQuery Portal插件的源代码、示例文件和文档,通过查看这些文件,开发者可以更深入地理解和使用这个插件,实现自己独特的拖拽布局功能。
【jQuery Portal UI 知识点详解】 jQuery 是一个流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互。Portal UI(门户用户界面)是一种设计模式,常用于构建多模块、可定制化的网页布局,允许...
对于“jQuery支持自定义拖拽布局插件Portal”,很可能已经封装了这些核心功能,提供了一个易于使用的接口,以便开发者能快速集成到自己的项目中。在实际应用中,开发者可以通过配置插件选项来自定义拖拽行为,如设置...
本文将详细解析jQuery与ASP结合使用时的中文乱码问题,并提供两种有效的解决方案。 #### 问题背景 在早期的网站设计中,可能由于历史原因或设计初衷,选择了GB2312作为网页编码标准,这是简体中文的一种常见编码...
然而,在实际开发过程中,使用jQuery EasyUI可能会遇到一些问题。本文将探讨一些常见的问题及其解决方案。 1. **加载顺序问题**:jQuery EasyUI依赖于jQuery库,因此确保jQuery先于EasyUI加载至关重要。如果顺序...
标题"解决ecshop中使用jquery冲突问题"指的是如何在 ECShop 环境下,消除 jQuery 与 Prototype 之间的冲突,以便能够安全地使用 jQuery 的功能,特别是利用 jQuery 的 `$.get()` 和 `$.post()` 方法来替换原本使用 ...
然而,为了实现诸如AJAX异步数据交互等需求,开发者需要找到解决这一问题的方法。jQuery作为流行的JavaScript库,提供了一些机制来处理跨域访问。 JQuery的跨域解决方案主要依赖于JSONP(JSON with Padding)技术。...
在本文中,我们将深入探讨jQuery Portal插件的工作原理、主要功能、使用方法以及其在实际项目中的应用。 首先,让我们了解jQuery的基础。jQuery是一个轻量级的JavaScript库,简化了DOM操作、事件处理、Ajax交互以及...