`

自我规范模版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
踩
分享到：
| 自我规范：模版页面规格要求备注
评论
发表评论

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

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics