`

自我规范模版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文件。实测可用,原生开发。

    asp.net弹出框Jq插件用法模板

    总的来说,"asp.net弹出框Jq插件用法模板"是一个结合了ASP.NET、Ajax和JQuery UI Dialog的实例,展示了如何在ASP.NET环境中实现弹出框功能,以无刷新的方式展示动态数据。通过学习这个模板,开发者可以更好地理解和...

    简洁风格的弹出框插件

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

    弹出式登陆框

    在描述中提到,“一个别人做的弹出式登陆框”,意味着我们可能会讨论一个已经存在的代码实现,这可能是开源的或者作为模板分享的。这种实现可能包含了一些最佳实践和技巧,例如优雅的动画效果、表单验证以及响应式...

    [jQuery插件] 弹出框

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

    jQuery错误警告弹出框代码.zip

    "jQuery错误警告弹出框代码.zip"这个压缩包文件提供了一种解决方案,用于在用户界面中优雅地展示错误、警告、成功等不同类型的提示信息。这个功能在网页应用开发中非常常见,能够提升用户体验并有效地传达关键信息。...

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

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

    基于vue开发的popup的mixins用于管理弹出框的遮盖层

    在Vue.js框架中,开发复杂的前端应用时,弹出框(popup)的使用非常常见,如模态对话框、提示信息、下拉菜单等。为了更好地管理和复用这些弹出框,开发者通常会采用组件化的方式,并且通过mixins来抽象共性功能。...

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

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

    详解用vue编写弹出框组件

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

    ASPICE软件需求规范文档模板

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

    国家标准CAD图框模板A4,A3,A2,A1等

    国家标准CAD图框模板是工程设计领域中不可或缺的工具,尤其在建筑、机械、电气等多个行业中,设计师们常常需要遵循统一的规范来绘制图纸。这些模板按照国家制定的标准,确保了图纸的一致性和可读性,提高了工作效率...

    华为简历-求职简历-word-文件-简历模版免费分享-应届生-高颜值简历模版-个人简历模版-简约大气-大学生在校生-求职-实习

    华为简历-求职简历-word-文件-简历模版免费分享-应届生-高颜值简历模版-个人简历模版-简约大气-大学生在校生-求职-实习 简历是展示个人经历、技能和能力的重要文档,以下是一个常见的简历格式和内容模板,供您参考...

    Solidworks2016国际模板及图框

    在“SolidWorks2016国标模版及图框”这个压缩包中,包含了符合中国国家标准(GB)的模板和图框。这些模板已经预设好了符合GB要求的各项参数,例如尺寸标注样式、剖视图符号、标题栏格式等。用户在解压后,只需通过...

    产品展示 网页模板html

    1. **头部**:包含网站标识、导航菜单和搜索框,提供基本的页面信息和用户导航功能。 2. **轮播图**:常用于首页,展示主打产品或促销活动,通过滑动图片来吸引注意力。 3. **产品分类**:清晰的类别划分有助于用户...

    国家标准图框(含A0,A1,A2,A3,A4标准图框).zip

    国家标准图框是工程设计、制图领域中必不可少的...综上所述,这个压缩包提供了一套完整的国家标准图框模板,适用于多种工程设计场景,确保了图纸的专业性和标准化,对于从事相关工作的人员来说,是非常实用的参考资料。

    mfc按CEdit编辑框弹出自定义键盘

    在MFC(Microsoft Foundation Classes)框架中,CEdit控件是用于创建文本编辑框的标准控件,用户可以在这个编辑框中输入和编辑文本。然而,有时我们可能需要为CEdit控件提供一个自定义的虚拟键盘,以满足特定的用户...

    标准CAD图纸 A0、A1、A2、A3、A4

    - 标准图纸框的设计应符合行业规范,包括必要的注解、单位、比例和其他元数据,以便于交流和理解。 - 使用标准图纸框可以提高工作效率,因为它们提供了一个预设的框架,设计师只需要在其中添加具体的设计内容。 3...

    常规solidworks工程图模板分享.zip

    工程图模板在工程设计中起到了非常重要的作用: 1、标准化设计:工程图模板包含了标准的图框、标题栏、标注等元素,使用模板可以确保所有的工程图都符合一致的标准格式,提高了图纸的统一性和规范性。提高效率:使用...

Global site tag (gtag.js) - Google Analytics