自我规范模版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>