`

Ext Portal 新例子

EXTGoogleHTML 
阅读更多
Ext Portal 新例子

我综合了Ext社区目前有关Ext Portal的最新发表的扩展和讨论, 形成了一个新的例子.

将附件解开后,放置到与examples\portal目录并行的位置,即:
ext-2.0\examples\portal
ext-2.0\examples\portal2

运行其中的portal.html可以看到下列效果:
1.基本功能
......1).点击复选框,显示Portlet.
......2).取消复选框,关闭Portlet.
......3).点击Portlet中的关闭图标,自动取消复选框.
2.状态保存功能
......1).能保存复选框状态.
......2).能自动打开上次打开过的Portlet.
......3).能记忆Portlet的顺序关系(拖动后保存).
......4).能记忆Portlet的高度（宽度由列布局自动伸展排列）.
3.扩展功能
......1).添加最大化图标
......2).能调整Panel的高度。
4.Portlet中显示内容
......1).访问Google主页。
......2).显示网格。
......3).显示HTML.

遗留问题:
1.在FF下,收缩Google主页所在Portlet,重新回到Google主页,不能保留当前页面状态.
2.打开SampleGrid Portlet,关闭后,重新打开,不能显示网格.

希望大家一起来提高Ext Portal的应用水平.
分享到：
| 在EXT中使用FCKEditor编辑器例子
评论
1 楼 IT民工% 2010-03-30  
为什么加到项目里面啥也不显示啊？这是我的portal.html.路径也改成绝对路径了，怎么访问，还是一片空白，需要再加什么么？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Custom Layouts and Containers - Portal Sample</title>
<link rel="stylesheet" type="text/css" href="/pcms/ext/resources/css/ext-all.css" />

    <!-- GC -->
<!-- LIBS -->
<script type="text/javascript" src="/pcms/ext/adapter/ext/ext-base.js"></script>
<!-- ENDLIBS -->

    <script type="text/javascript" src="/pcms/ext/ext-all.js"></script>

    <script type="text/javascript" src="Portal.js"></script>
    <script type="text/javascript" src="MaximizeTool.js"></script>
    <script type="text/javascript" src="miframe.js"></script>

    <link rel="stylesheet" type="text/css" href="portal.css" />

<script type="text/javascript" src="main.js"></script>
<script type="text/javascript" src="portlet-mgr.js"></script>
<script type="text/javascript" src="portlet-sample-grid.js"></script>
<script type="text/javascript" src="portlet-state.js"></script>
</head>
<body>
<h1>ggghjkl</h1>
</body>
</html>
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Ext portal例子

    在本示例中，"Ext portal例子" 提供了一个演示如何使用Ext JS来创建一个多面板、模块化的门户页面。 **一、Ext JS 简介** Ext JS 提供了一系列丰富的组件，包括表格、树形视图、图表、窗体等，支持拖放功能和可扩展...

    ext的小例子小例子ext的小例子小例子

    在EXT Portal示例中，开发者可以学习到EXT的Portlet组件使用，Portlet是Portal布局中的基本单元，可以包含任何EXT组件。同时，还会涉及到EXT的布局管理和事件监听，以及如何动态地添加、删除和调整Portlet的位置。...

    extjs小例子

    在EXTJS中，Portal布局由`Ext.layout.container.Portal`类提供，它允许用户通过拖放操作来重新排序和调整大小的列以及每个列内的portlet（小部件）。portlet是可自定义的组件，可以是任何EXTJS组件，如表格、面板或...

    ExtJs部署及使用方法

    xtype: 'portal', items: [ { columnWidth: .37, style: 'padding: 10px 0px 0px 10px', items: [ { title: '报表', layout: 'fit', tools: tools, items: newSampleGrid([0, 2, 3]) }, { title: '...

    liferay portlet 开发实例

    Liferay Portlet开发主要涉及以下几个关键目录：`portalext-impl\src`, `ext-service\src`,以及`portal-web`。这些目录分别承载着业务逻辑实现、服务接口定义和前端页面展示的功能。 1. **portalext-impl\src**：此...

    liferay 6.0 开发指南

    - **Ext-plugins**：Ext-plugins是一种特殊的插件类型，用于扩展Liferay的功能，如添加新的服务或修改现有行为。 - **Web Application Integrator (WAI)**：WAI用于集成现有的Web应用程序到Liferay门户中，使其...

    ExtJS Web应用程序开发指南(10-15)完毕

    本书全面细致地讲解了ExtJS实现的 Portal实例，真正实现完全整合应用ExtJS技术。. 本书语言通俗易懂、版式清新，通过大量的实例讲解技术。广大的Web程序员可以从本书中找到经典应用的解决方案。RIA Web应用程序开发...

    ExtJS Web应用程序开发指南(1-10)

    本书全面细致地讲解了ExtJS实现的 Portal实例，真正实现完全整合应用ExtJS技术。. 本书语言通俗易懂、版式清新，通过大量的实例讲解技术。广大的Web程序员可以从本书中找到经典应用的解决方案。RIA Web应用程序开发...

    liferay-rest-consumer

    将此 REST 服务的地址配置到您的 portal-ext.properties。 rest-consumer-portlet.target =http://localhost:8080/simple-jersey 举例说明如何使用 ServiceBuilder 来消费 REST 服务。 如果您想将其与 OAuth ...

    LifeRay 6.1GA2开发手册-英文

    通过一个具体的例子——MyGreeting Portlet，本节展示了从概念到实现的具体过程。这是一个很好的实践案例，能够帮助新手快速上手。 **4.4 理解portlet执行的两个阶段** 这里解释了portlet执行的两个基本阶段——...

Magicbox
Global site tag (gtag.js) - Google Analytics