欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-03-18 12:51:58
...

名称:

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

路径要求:

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

 

 

 

 

相关标签: zk