自我规范：模版页面规格要求备注
程序员文章站
2022-03-18 12:52:10
...
确保唯一性之外，按钮权限要求：
btn_entityName_add
btn_entityName_update
btn_entityName_del
如：
btn_user_add
btn_user_update
btn_user_del
btn_user_export
- 展示主体表格：
id必须为：entityModelGrid
（数据区域）
<columns sizable="true" menupopup="auto" sclass="z-column-sort">
<column width="35px;" zclass="XX" style="padding-left:5px;border: 1px solid;border-top:none;border-color: #8FB9D0 #8FB9D0 #8FB9D0 white;">
<hbox>
<checkbox tooltiptext="全选/取消全选" id="mainCheckbox" forward="main.onChooseAllOrNot"/>
</hbox>
</column>
<column value="labNum" label="${$composer.module}编号" align="left" tooltiptext="${self.label }" sclass="entityModelGridHeader" hflex="1" >
<hbox pack="start" >
<image src="/img/common/funnel.png" />
<textbox id="labNum" placeholder="${$composer.module}编号${FILTER_PART}" onMouseOver="self.select()" instant="true" hflex="1"></textbox>
</hbox>
</column>
<column width="10%" label="操作列" align="center" zclass="XX" style="border: 1px solid;border-top:none;border-color: #8FB9D0 #8FB9D0 #8FB9D0 white;color:#00547A;font-size:12px;">
</column>
</columns>
<template name="model">
<row value="${each }" style="cursor:pointer" id="row_${each.sid }" forward="onDoubleClick=main.onShowEntityDetailInfoByDoubleClick,onClick=main.onChooseOrNot">
<div >
<checkbox name="checkbox" onClick="if (self.isChecked()){
self.setChecked(false);
}else{
self.setChecked(true);
}
" />
</div>
<div >
<label visible="true" value="${each.labNum}" sclass="entityModelGridData" maxlength="${defaultMaxLength}" onCreate="((Div)self.getParent()).setTooltiptext(self.getValue())"/>
</div>
<div>
<a label="详情" forward="main.onShowEntityDetailWithLink" style="color:#00547A;font-weight:normal;" image="/img/common/search.gif"/>
<a label="删除" forward="main.onDelEntityDetailWithLink" style="color:#00547A;font-weight:normal;" image="/img/common/delete.gif" if="${sec:isAnyGranted('XXX')}"/>
</div>
</row>
</template>
（分页条）：
<grid style="background-repeat: repeat-x;
background-image: url(${desktop.webApp.servletContext.contextPath }/img/zkau/column-bg.png);border-top:none;">
<rows>
<row sclass="pgInfoLine" style="background-repeat: repeat-x;
background-image:url(${desktop.webApp.servletContext.contextPath }/img/zkau/column-bg.png);padding-top:0px;padding-bottom:0px;">
<cell width="50%" style="background-repeat: repeat-x;border: 1px solid #E8F6FD;border-right:none;
background-image:url(${desktop.webApp.servletContext.contextPath }/img/zkau/column-bg.png);">
<paging id="paging" style="padding-top:3px;padding-bottom:3px;background-repeat: repeat-x;
background-image:url(${desktop.webApp.servletContext.contextPath }/img/zkau/column-bg.png);"/>
</cell>
<cell width="50%" align="right" style="border:1px solid #E8F6FD;">
<div >
<label style="color: #00547A;" id="pageDetailInfo"/>
<image id="exportGridToExcel_win" src="/img/report/excel.gif" align="center" style="cursor:pointer" tooltiptext="点击下载Excel" if="${sec:isAnyGranted('XXX')}"/> 
<image id="exportGridToPdf" src="/img/report/pdf.gif" align="center" style="cursor:pointer" tooltiptext="点击下载PDF" if="${sec:isAnyGranted('XXX')}"/>
<label value="每页显示:" style="color:#00547A;"/>
<intbox inplace="true" id="pagingIntbox" style="border:1px solid #6BA6BF" width="22px" forward="onOk=main.onSetPageSize,onBlur=main.onSetPageSize" onMouseOver="self.select()" constraint="no empty,no negative, no zero"/>
</div>
</cell>
</row>
</rows>
</grid>
(详情展示)：
<popup id="entity_detail_popup">
<include id="entity_detail_include" />
</popup>
（弹出Excel导出框）：
<include id="include_excel_export"></include>
- 表单区域：
<south title=" " autoscroll="true" id="operateSouth" size="50%" height="40%" vflex="1" collapsible="true" splittable="true" open="false" if="${sec:isAnyGranted('XXX,XXX')}">
<div hflex="1" vflex="1" width="98%" style="margin-left:auto;margin-right:auto;padding-top:5px;overflow: auto;">
<grid>
</grid>
</div>
</south>
<row id ="formRow1" style="background:white;">
<cell align="right" width="9%">
${$composer.module}编号
<n:span style="color:red">
*
</n:span>
:
</cell>
<cell>
<textbox maxlength="15" width="80%" value="@{main$composer.viewModel.labNum }" id="${NOT_REPEAT}labNum" onMouseOver ="self.focus()"/>
</cell>
</row>
<row style="background:white;">
<cell align="right">
<button label="上一条" image="/img/operateSouth-arrow-left.png" id="pre" if="false"/>
</cell>
<cell colspan="6" align="center">
<button style="margin-right:10px;" label=" 重 置 " id="reset"/>
<button style="margin-right:10px;margin-left:10px;" label=" 确定新增 " id="add" visible="false" if="${sec:isAnyGranted('XXX')}"/>
<button style="margin-right:10px;margin-left:10px;" label=" 保存修改 " id="update" if="${sec:isAnyGranted('XXX')}"/>
<button style="margin-left:10px;" label=" 关 闭 " forward="main.onCloseTheEntityForm"/>
<label style="margin-left:15px; color:red; font-size:14px; width:100px;" id="promptInfo" />
</cell>
<cell align="right">
<button label="下一条" image="/img/operateSouth-arrow-right.png" id="next" if="false"/>
</cell>
</row>
- 导出部分：
<window id="main2" apply="${z:ctrl('XXX')}" border="normal" title="请从左侧筛选要导出的内容" width="80%" minwidth="500" mode="modal" position="center,top" sizable="true" minheight="300" closable="true" style="min-height:500px;">
<vlayout vflex="1" hflex="1" style="min-height:500px;">
<columnlayout vflex="1" height="80%">
<columnchildren width="40%" style="margin:2% 0 1% 4% ">
<panel title="可选择：">
<panelchildren>
<grid id="entityModelGrid" autopaging="true" emptyMessage="${emptyMessage }" >
<!-- 筛选条件行 -->
<columns height="1px;" menupopup="auto" value="iCorporationService">
<column label="${$composer.module}编号" align="left" tooltiptext="${self.label }" sclass="entityModelGridHeader" hflex="1" visible="true">
<hbox pack="center" style="">
<checkbox id="mainCheckbox" forward="onChooseAllOrNot"/>
<image src="/img/common/funnel.png" />
<textbox id="labNum" placeholder="${$composer.module}编号${FILTER_PART}" onMouseOver="self.select()" instant="true" hflex="1"></textbox>
</hbox>
</column>
</columns>
<!--END 筛选条件行 -->
<!-- 分页展示数据 -->
<template name="model">
<row style="cursor:pointer" id="row_${each.sid }" forward="onDoubleClick=onShowEntityDetailInfoByDoubleClick,onClick=onChooseOrNot">
<div >
<checkbox name="checkbox" onClick="if (self.isChecked()){
self.setChecked(false);
}else{
self.setChecked(true);
}
" value="${each }"/>
<label visible="true" value="${each.XXXNum}" sclass="entityModelGridData" maxlength="${defaultMaxLength}" onCreate="((Div)self.getParent()).setTooltiptext(self.getValue())"/>
</div>
</row>
</template>
<!--END 分页展示数据 -->
</grid>
<!-- 查看详情弹出框 -->
<popup id="entity_detail_popup">
<include id="entity_detail_include" />
</popup>
<!-- 分页行 -->
<grid sclass="pgInfoGrid" style="background-repeat: repeat-x;
background-image: url(${desktop.webApp.servletContext.contextPath }/img/zkau/column-bg.png);border-top:none;">
<rows>
<row style="background-repeat: repeat-x;
background-image: url(${desktop.webApp.servletContext.contextPath }/img/zkau/column-bg.png);padding-top:0px;padding-bottom:0px;">
<cell width="50%" style="background-repeat: repeat-x;border: 1px solid #E8F6FD;border-right:none;
background-image: url(${desktop.webApp.servletContext.contextPath }/img/zkau/column-bg.png);">
<paging id="paging" style="padding-top:3px;padding-bottom:3px;background-repeat: repeat-x;
background-image: url(${desktop.webApp.servletContext.contextPath }/img/zkau/column-bg.png);"/>
</cell>
<cell width="50%" align="right" style="border:1px solid #E8F6FD;">
<div >
<label style="color: #00547A;" id="pageDetailInfo"/>
<label value="每页显示:" style="color:#00547A;"/>
<intbox inplace="true" id="pagingIntbox" style="border:1px solid #6BA6BF" width="22px" forward="onOk=onSetPageSize,onBlur=onSetPageSize" onMouseOver="self.select()" constraint="no empty,no negative, no zero"/>
</div>
</cell>
</row>
</rows>
</grid>
<!-- END 分页行 -->
</panelchildren>
</panel>
</columnchildren>
<columnchildren width="10%" height="100%">
<panel vflex="1">
<panelchildren>
<vlayout vflex="1">
<hlayout vflex="1">
<grid oddRowSclass="non-odd" style="border:0px;" vflex="1" hflex="1">
<rows vflex="1">
<row align="center" height="200px" style="background:white;border:0px;" >
</row>
<row align="center" style="background:white;border:0px;">
<image style="cursor:pointer;" tooltiptext="添加导出选项" id="addProject" forward="onAddProject"
src="/img/common/ButtonArrowRight32.png">
</image>
</row>
<row align="center" style="background:white;border:0px;">
<separator height="10px"/>
</row>
</rows>
</grid>
</hlayout>
</vlayout>
</panelchildren>
</panel>
</columnchildren>
<columnchildren width="40%" style="margin:2% 0 1% 0 ">
<panel title="已选择：" >
<panelchildren >
<grid id="entityModelGrid2" emptyMessage="${emptyMessage }" autopaging="true" height="60%" >
<!-- 筛选条件行 -->
<columns height="1px;" menupopup="auto" value="iCorporationService" >
<column label="${$composer.module}编号" align="left" tooltiptext="${self.label }" sclass="entityModelGridHeader" hflex="1" visible="true">
</column>
</columns>
<!--END 筛选条件行 -->
<!-- 分页展示数据 -->
<template name="model">
<row id="row2_${each.sid }" style="cursor:pointer" forward="onDoubleClick=onShowEntityDetailInfoByDoubleClick">
<div >
<image src="/img/common/delete.gif" style="cursor:pointer;" id="${each.sid }" forward="onDel"></image>
<label visible="true" value="${each.labNum}" sclass="entityModelGridData" maxlength="${defaultMaxLength}" onCreate="((Div)self.getParent()).setTooltiptext(self.getValue())"/>
</div>
</row>
</template>
<!--END 分页展示数据 -->
</grid>
<!-- 分页行 -->
<!-- END 分页行 -->
<!-- 查看详情弹出框 -->
</panelchildren>
</panel>
</columnchildren>
</columnlayout>
<hbox pack="center" hflex="1" style="margin-bottom:5px;padding-bottom:5px;">
<button label="导出已选择内容" id="exportChooseData" image="/img/report/excel.gif" tooltiptext="${self.label}" style="color: #00547A;"/>  
<button label="导出所有内容" id="exportAllData" image="/img/report/excel.gif" tooltiptext="${self.label}" style="color: #00547A;"/>
</hbox>
</vlayout>
</window>
<!-- END 查看详情弹出框 -->
其他注意点：
value="iCorporationService"；
<column label="XXX编号" align="left" tooltiptext="${self.label }" sclass="entityModelGridHeader" hflex="1" visible="true">
<hbox pack="center" style="">
<checkbox id="mainCheckbox" forward="onChooseAllOrNot"/>
<image src="/img/common/funnel.png" />
<textbox id="XXX" placeholder="XXX编号${FILTER_PART}" onMouseOver="self.select()" instant="true" hflex="1"></textbox>
</hbox>
</column>
<div >
<checkbox name="checkbox" onClick="if (self.isChecked()){
self.setChecked(false);
}else{
self.setChecked(true);
}
" value="${each }"/>
<label visible="true" value="${each.labNum}" sclass="entityModelGridData" maxlength="${defaultMaxLength}" onCreate="((Div)self.getParent()).setTooltiptext(self.getValue())"/>
</div>