当前位置:首页 > 开发 > Web前端 > 前端 > 正文

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

发表于: 2014-06-23   作者:Alex_Cheung   来源:转载   浏览次数:
zk
摘要: 名称:        展示所选对象详情弹出框; 路径要求:        /pages/${entityClassName}/entity_detail.zul 页面要求:        1  由于没有选择的概念,而弹出框的主体是有选择条目的概念。故在主体页面

名称:

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

路径要求:

       /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>

 

 

 

 

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

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
名称: 展示数据列表 (无从表)和导出页面 路径要求: /pages/${entityClassName}/XXX_list.zul /p
名称:表单支持 树 单选 路径要求:暂无 页面要求: 点击框的时候才判断是否需要加载;有加载过的话
商品详情的图片选项展示 opencart商品的图片选项展示优化 ===================== 安装说明: 1.解压
作为一名开发人员(WEB前端JavaScript开发),不规范的开发不仅使日后代码维护变的困难,同时也不利
作为一名开发人员(WEB前端JavaScript开发),不规范的开发不仅使日后代码维护变的困难,同时也不利
原文http://www.cnblogs.com/webflash/archive/2010/06/11/1756255.html 作为一名开发人员(WEB前端
 作为一名开发人员(We前端JavaScript开发),不规范的开发不仅使日后代码维护变的困难,同时也不
转自:http://www.cnblogs.com/webflash/archive/2010/06/11/1756255.html 作为一名开发人员(WEB前
作为一名开发人员(We前端JavaScript开发),不规范的开发不仅使日后代码维护变的困难,同时也不利
JavaScript开发规范要求 作为一名开发人员(WEB前端JavaScript开发),不规范的开发不仅使日后代码
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号