`
winnerlxh
  • 浏览: 91726 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

制作全局模式窗口

阅读更多
1、 首先创建全局模式窗口模版(实例参考globalModalPanel.xhtml)
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:c="http://java.sun.com/jstl/core"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich"
xmlns:s="http://jboss.com/products/seam/taglib">
<a4j:loadStyle src="/img/images/style.css" />
<a4j:form ajaxSubmit="false" ajaxSingle="true">
<a4j:region renderRegionOnly="false">
<a4j:jsFunction name="showLoading" action="#{common.globalMP.init('globalMP_tsck', '/blank.xhtml')}" reRender="#{common.globalMP.reRender}"/>
</a4j:region>
</a4j:form>
<rich:modalPanel id="globalMP" resizeable="fasle" autosized="true" top="50" styleClass="mp1" onshow="removeModalPanelTopFixedForIE6(this)">
<f:facet name="header">
<a4j:outputPanel layout="none">
<h:outputText id="globalMPTitle" value="#{common.globalMP.title}" style="margin-left:3px;vertical-align: middle;"/>
<a4j:status id="globalMPLoading" for="globalMPRegion" startText="#{messages.globalMP_zzcl}" startStyle="display:block;text-align:center;color:#FF8080;" />
</a4j:outputPanel>
</f:facet>
<f:facet name="controls">
        <h:panelGroup>
       <h:graphicImage value="/img/images/guanbi.gif" style="cursor: hand" onclick="globalMP.hide()" title="#{messages.globalMP_esc}"/>
    </h:panelGroup>
    </f:facet>
<span class="mpMessage" />
<a4j:region id="globalMPRegion">
<s:div id="globalMPInclude">
<ui:include src="#{common.globalMP.uri}" />
<s:div styleClass="contentLoading" rendered="#{common.globalMP.uri == '/blank.xhtml'}">#{messages.globalMP_zzjz}</s:div>
<div class="clear" />
</s:div>
</a4j:region>
</rich:modalPanel>
<script type="text/javascript">
//<![CDATA[
globalMP.init();
//]]>
</script>
</ui:composition>

2、 写脚本文件(public.js)
/**
* 全局模式窗口定义
*/
var globalMP = {
id : "globalMP",

init: function() { //初始化模式窗口
this.comp = document.getElementById(this.id).component;
},

show: function(width,height) { //显示模式窗口,并设置高度和宽度
width = width || 450;
height = height || 170;
Richfaces.showModalPanel(this.id, {width: width, height :height});
},

hide: function() { //隐藏模式窗口
showLoading(); //关闭模式窗口的时候清空模式窗口
this.comp.hide();
},

reset: function() { //重新加载模式窗口
this.comp.hide();
this.comp.show();
},

getContainer: function() { //获取模式窗口的id
return this.comp.id;
}

};

//ESC关闭弹出层
jQuery(document).keydown(function(event) {
//按下ESC按钮
if(event.keyCode == 27) {
globalMP.hide();
}
});
3、 修改richfaces原始样色(theme.css)
.mp1 .rich-mpnl_panel {   //控制模式窗口可滚动
    position: absolute;  
}
.mp1 .rich-mpnl-header { //头部样色
background-image:url(../img/images/title.gif);
border-width: 0;
text-align: left;
height:20px;
vertical-align: middle;
}
.mp1 .rich-mp-content { //内容样色
background:url(../img/images/context.gif) repeat-x white;
border:2px #6F99D5 solid;
background-position:bottom;
margin:0 auto;
}
4、 页面调用
<a4j:region renderRegionOnly="false">
     <a4j:commandLink action="#{common.globalMP.init('system_xxxx', '/business/warehouse/PssKcxx.xhtml')}" value="#{messages.View}" onclick="globalMP.show()" eventsQueue="queue" reRender="#{common.globalMP.reRender}" id="view" rendered="#{s:hasPermission('kcgl', 'VIEW')}">
          <f:param name="pssKcxxKcbh" value="#{_pssKcxx.kcbh}" />
      </a4j:commandLink>
</a4j:region>
注:<a4j:region renderRegionOnly="false"/>只提交该按钮,不刷新其它
eventsQueue=“queue” 为队列,使所有的链接都在同一个队列里面,避免队列冲突
<f:param name="pssKcxxKcbh" value="#{_pssKcxx.kcbh}" />  模式窗口传递参数,该参数必须在调用该模式窗口的page配置页面中配置
分享到:
评论

相关推荐

    飘移窗口C#制作品

    标题中的“飘移窗口C#制作品”暗示我们即将探讨的是使用C#编程语言实现的一种桌面窗口美化技术,通常这涉及到Windows Forms或WPF(Windows Presentation Foundation)框架。这种技术可以使窗口在用户交互时产生动态...

    制作完美的无规则无毛边的动画窗口教程

    5、易语言中如何制作透明窗口GIF。基础设置:。窗口为无边框。添加一个图片框。图片框的播放为真。GIF图片添加数据到图片框中。-------------------基础DLL源码:.(该部分复制到源码dll中)。版本 2。.DLL命令 设置...

    smartforms表单制作说明

    ### smartforms表单制作详解 #### 一、样式创建与编辑 **SmartForms**是SAP系统中一种用于创建复杂打印格式的工具,它允许用户设计定制化的文档模板,包括发票、订单确认、发货通知等。本文将详细介绍如何在...

    23种设计模式

    比如,复制一份情话模板到聊天窗口,原型模式允许快速地创建相似的对象,且适用于无需预先确定等级结构的情况。 5. **单例模式**: 单例模式确保一个类只有一个实例,并提供全局访问点。例如,一个家庭中的丈夫...

    制作完美的无规则无毛边的动画窗口-易语言

    制作GIF透明动画窗口教程 使用工具: AE软件 GIF录制工具 易语言透明源码/模块 操作步骤: 用AE软件制作动效,然后导出每一帧的PNG透明图片。导出教程如下:(注意:选择输入模式一定要选择RGB+Alpha,这样的PNG图片...

    Discuz模板制作手册

    - `infloat`: 是否为浮动窗口模式。 - `cookiedomain`: Cookie域设置。 - `clientip`: 客户端IP地址。 - `inajax`: 是否为Ajax请求模式等。 #### 二、目录结构说明 ##### 1. 模板公共文件夹 - **路径**:`template...

    易语言-制作完美的无规则无毛边的动画窗口教程

    5、易语言中如何制作透明窗口GIF。 基础设置: 窗口为无边框 添加一个图片框 图片框的播放为真 GIF图片添加数据到图片框中 -------------------基础DLL源码:.(该部分复制到源码dll中) 版本 2 .DLL命令 设置透明, ...

    MDI应用程序制作(含操作步骤)

    6. **实现子窗口间通信**:如果需要MDI子窗口之间共享数据或通信,可以使用事件、公共方法或依赖于某种全局状态(如Singleton模式)。 7. **保存和恢复布局**:MDI应用程序可能需要保存和恢复子窗口的状态,包括...

    ABAP smartform超详细入门讲解

    制作Smartform是指设计和编辑Smartform的全局设置、页和窗口、强制换页、页码计算、金额汇总等内容。制作Smartform需要在ABAP工作台中选择“编辑”菜单,然后选择“智能表单”,选择要编辑的Smartform,然后进行编辑...

    vc界面制作与实例 基于vc++6.0

    7. **文档/视图架构(Document/View Architecture)**:MFC中的核心设计模式,将数据(文档)与显示数据的方式(视图)分离,使得代码更易于维护和扩展。 8. **菜单和工具栏**:MFC简化了菜单和工具栏的创建,通过...

    MapInfo使用制作说明

    信息工具可以显示鼠标点击位置的相关信息,标注工具确保所有标注在视野内可见,拖动地图窗口工具则方便在多窗口模式下操作。 图层控制是MapInfo的另一个关键功能,用户可以控制图层的可见性、可编辑性和可选择性。...

    计算机应用基础-幻灯片制作.ppt

    在母版视图中,用户可以进行全局性的设置,如标题样式、文本样式和页脚信息。母版分为标题母版和幻灯片母版,其中的改动会直接影响到所有关联的幻灯片。 幻灯片的操作主要包括插入、删除、复制/剪切、移动和选择。...

    个人制作的qq项目

    9. **设计模式**:虽然作为初学者项目,但可能已经涉及到一些基础的设计模式,如单例模式(用于管理全局唯一资源,如网络连接)或工厂模式(用于创建对象)。 10. **代码组织**:遵循一定的编码规范和模块化设计,...

    windows7制作上帝之手的方法 很好用

    这个字符串是Windows 7系统中隐藏的外壳扩展的GUID(全局唯一标识符),用于打开“上帝模式”窗口。 3. 点击“下一步”,然后为这个快捷方式起个名字,如“上帝模式”,最后点击“完成”以创建快捷方式。 4. 创建...

    教师制作培训教程.ppt

    - **幻灯片视图**:这是默认的编辑模式,允许教师直接在每张幻灯片上添加内容,调整比例以适应不同需求。 - **大纲视图**:主要用于输入和编辑大量文本,便于组织和梳理课程结构。 - **幻灯片浏览视图**:提供...

    脚本动画的制作.docx

    ### 脚本动画制作详解 #### 一、脚本动画概述 脚本动画是一种利用编程语言(如ActionScript)来控制动画行为的技术。通过编写脚本,可以在Flash动画中实现复杂的交互效果,例如响应用户的操作、控制动画的播放顺序...

    PPT2010制作教程.docx

    2. 设置幻灯片放映方式:选择自动或手动播放,以及全屏或窗口模式。 3. 自定义播放方式:通过“幻灯片放映”&gt;“设置幻灯片放映”定制播放选项。 4. 自动播放演示文稿:保存为.pps格式,双击即可自动播放。 5. 记录下...

    屏幕抓图程序屏幕抓图程序

    为了在绘图时不影响窗口原有内容,可以设置绘图模式为`R2_NOTXORPEN`,这种模式下,两次绘图在同一像素上进行异或运算后,像素值不会改变,从而不会改变窗口的画面。 制作屏幕抓图程序的基本流程如下: 1. 启动...

    VC界面 个性化状态条制作 源码

    本教程将深入讲解如何利用VC++来制作一个具有自定义功能的状态条,包括在状态条上绘制图标或位图、调整背景色和字体颜色、改变字体大小及类型等。 首先,我们需要了解MFC(Microsoft Foundation Classes)库,它是...

Global site tag (gtag.js) - Google Analytics