`

自我规范模版A要求1: 展示所选对象详情弹出框

zk 
阅读更多

名称:

       展示所选对象详情弹出框;

路径要求:

       /pages/${entityClassName}/entity_detail.zul

页面要求:

       1  由于没有选择的概念,而弹出框的主体是有选择条目的概念。故在主体页面有MouseOver的样式情况下,弹出框上面不准有MouseOver样式。(页面效果)

       2  鼠标移上去有文本详情;(页面效果)

       3 传入的对象名(key)必须为 item;(代码要求)

       4 由创建对应实体对象的开发人员完成;(责任分工)

自我实现提示:

<zk>
<vlayout width="300px">
    <label value="${item.XXXXX}" style="font-size: 14px; font-weight: bold;" />
    <grid style="color:#00547A;">
    	<columns>
    		<column width="100px;"/>
    		<column />
    	</columns>
        <rows >
            <row zclass="X" style="padding: 5px 5px 5px 7px;">
                XXXXX编号:<br>                <label value="${item.XXXXX}" tooltiptext="${self.value }" maxlength="25"/><br>            </row>
            <row zclass="X" style="padding: 5px 5px 5px 7px;">
                XXXXX名称:<br>                <hbox >
                    <label value="${item.XXXXX}" tooltiptext="${self.value }" maxlength="25"/><br>                </hbox>
            </row>
            <row zclass="X" style="padding: 5px 5px 5px 7px;">
                负责人:
                <label value="${item.fzrId.userName}" tooltiptext="${self.value }" maxlength="25"/>
            </row>
            <row zclass="X" style="padding: 5px 5px 5px 7px;">
                介绍:
                <div style="overflow-x:auto; ">
                <html content="${item.labIntruction}" tooltiptext="${z:clearHtml(self.content,50)}" />
                </div>
            </row>
            <row zclass="X" style="padding: 5px 5px 5px 7px;">
                详细地址:
                 <label value="${item.labAddress}"  tooltiptext="${self.value }" maxlength="25"/>
            </row>
            <row zclass="X" style="padding: 5px 5px 5px 7px;">
                联系电话:
                <label value="${item.labLianxi}"  tooltiptext="${self.value }" maxlength="25"/>
            </row>
        </rows>
    </grid>
</vlayout>
</zk>

 

 其中值得注意的:

            <row zclass="X" style="padding: 5px 5px 5px 7px;">
                介绍:
                <div style="overflow-x:auto; ">
                <html content="${item.labIntruction}" tooltiptext="${z:clearHtml(self.content,50)}" />
                </div>
            </row>

 

 

 

 

0
0
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    C#弹出框示例代码.rar

    本示例代码着重展示了如何在C#环境中实现弹出框功能,这通常用于与用户进行交互,如确认操作、输入信息等。ASP.NET是Microsoft开发的一个用于构建动态Web应用的平台,它集成了C#作为服务器端编程语言,提供了丰富的...

    html弹出框模板(提示框,确定+取消框)

    html下各种弹出框模板(提示框,确定+取消,确定等)包括调用的js和css文件。实测可用,原生开发。

    jquery 弹出框例子下载,

    jQuery弹出框通常被称为对话框或模态窗口,它们在网页中用于显示警告、确认信息、输入数据或展示详细内容。这些弹出框可以在不离开当前页面的情况下提供额外的信息或功能,从而提高用户体验。以下是一些关键的jQuery...

    jquery弹出框

    "jquery弹出框"是jQuery应用中的一个常见功能,用于向用户显示信息或者获取用户输入。在这个实例中,我们将深入探讨如何使用jQuery创建弹出框,并结合提供的"jqueryTcc"文件进行详细讲解。 首先,让我们理解什么是...

    简洁风格的弹出框插件

    在IT行业中,弹出框是用户界面设计中的一个重要元素,常用于显示通知、询问用户、展示详细信息或接收用户输入。简洁风格的弹出框插件是为了提升用户体验,避免复杂和冗余的设计,使得信息传递更为高效且直观。这类...

    vue实现简单的登录弹出框.docx

    Vue 实现简单的登录弹出框 本文主要介绍了如何使用 Vue 框架实现一个简单的登录弹出框,涵盖了 CSS、HTML 和 JS 三个方面。下面是对每个部分的详细解释: CSS 在 CSS 部分,我们定义了几个样式来实现登录弹出框的...

    [jQuery插件] 弹出框

    参数可以是一个包含配置选项的对象,用于定制弹出框的行为。 2. **配置选项**:可能包括`title`(标题)、`content`(内容)、`buttons`(按钮配置)、`width`(宽度)、`height`(高度)、`closeOnEscape`(是否...

    lhgdialog超强弹出框插件

    **lhgdialog超强弹出框插件**是一个用于创建弹出对话框的高效JavaScript库,专为提升用户体验而设计。该插件基于**lhgcore JS框架**,它是一个轻量级的解决方案,文件大小仅有10KB,使得在网页应用中加载快速,对...

    ymPrompt 消息提示 DIV弹出框 组件

    1. **初始化函数**:用于创建和配置ymPrompt实例,可以设置弹出框的位置、大小、样式、内容和关闭按钮等属性。 2. **显示与隐藏**:提供了显示和隐藏弹出框的API,使得在用户触发特定事件时能够动态展示或关闭提示...

    js登录弹出框.zip

    在这个"js登录弹出框.zip"压缩包中,我们可以推测它包含了一个用于创建登录弹出框的JS模板。 登录弹出框是网页中常见的用户交互元素,通常在用户需要进行登录操作时出现,提供用户名和密码输入框,并可能包含其他如...

    jQuery适用于手机端的弹出提示框代码.zip

    在移动设备上,提供良好的用户体验是至关重要的,而弹出提示框是用户交互中的常见元素。这个名为"jQuery适用于手机端的弹出提示框代码.zip"的压缩包包含了一个专门针对手机端优化的jQuery弹出提示框解决方案。下面,...

    JQuery Alert 弹出框美化(Alert, Confirm, & Prompt Replacements)

    1. **自定义模板**:jQuery Alert 允许开发者通过HTML和CSS定义弹出框的外观,可以根据品牌调色板、字体和布局进行个性化定制,确保弹出框与网站整体设计保持一致。 2. **多主题支持**:预设的不同主题可以快速应用...

    EPLAN Electric P8 2.7图框及封页模板制作

    4. 添加特殊文本:用户可以通过【插入】——【特殊文本】——【项目属性】弹出的【放置】栏中,点击右侧【…】按钮搜索如“创建者”选上确定放入框中,然后添加创建日期、审核日期、项目名称、公司名称等。...

    Vue组件化开发之通用型弹出框的实现

    在上述例子中,`&lt;slot name="body"&gt;&lt;/slot&gt;`定义了一个具名插槽,名为“body”,这样父组件在使用这个弹出框组件时,可以通过`&lt;template v-slot:body&gt;...&lt;/template&gt;`来指定弹出框的内容。如果没有指定插槽名称,...

    设计模式:可复用面向对象软件设计基础(附源码)

    3. **行为型模式**:包括责任链模式、命令模式、解释器模式、迭代器模式、备忘录模式、观察者模式、状态模式、策略模式、模板方法模式和访问者模式。这些模式主要处理对象之间的交互和职责分配。 例如,单例模式...

    详解用vue编写弹出框组件

    Vue 弹出框组件设计实现 在本篇文章中,我们将详细讲解使用 Vue 编写弹出框组件的实现过程。弹出框组件是一个非常常见的 UI 组件,在 Web 开发中应用非常广泛。下面,我们将从设计思想、实现方法、代码编写等方面来...

    自我介绍pp模板下载

    "自我介绍pp模板下载"这个标题表明,这是一个专门为求职者准备的PPT模板资源,旨在帮助他们更有效地进行自我展示。这种模板通常包含了精心设计的页面布局、色彩搭配、字体选择以及图表元素,以专业且吸引人的形式...

    弹出 类似MSN消息框

    标题中的“弹出类似MSN消息框”指的是在应用程序中创建一个类似于早期即时通讯软件MSN Messenger的通知或对话框。MSN Messenger曾经广泛使用,它的消息框设计简洁、直观,用于提示用户接收新消息或其他交互式通知。...

    ASPICE软件需求规范文档模板

    "ASPICE软件需求规范文档模板" ASPICE软件需求规范文档模板是汽车行业中广泛使用的一种软件需求规范文档模板,用于描述软件系统的需求和约束条件。下面是该模板中所包含的知识点: 一、基本信息 * 软件需求规范...

    cad 边框模版A0 A1 A2 A3 A4 标准边框

    A系列的纸张长宽比例为1:√2,每个尺寸都是下一个尺寸的一半。A0是最大的尺寸,面积约为1平方米,然后依次减小。A4是最常见的办公用纸尺寸,常用于打印文档。 - 在CAD中,这些尺寸对应于不同的图纸大小,设计师可以...

Global site tag (gtag.js) - Google Analytics