`

自我规范：模版页面规格要求备注

 
阅读更多

确保唯一性之外，按钮权限要求：

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')}"/>&#160;
						<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;"/>&#160;&#160;
	<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>

 

 

 

 

0
顶
0
踩
分享到：
| 自建规范DAO Service
评论
发表评论

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

相关推荐

    ASPICE软件需求规范文档模板

    ASPICE软件需求规范文档模板为汽车行业中的软件开发提供了一个明确的规范和要求，涵盖了软件需求、约束、法律法规、功能需求、外部接口、标定参数、非功能需求、故障列表和修订历史记录等方面。

    计算机软件需求规格说明规范（国家标准）

    《计算机软件需求规格说明规范》是中国国家标准化管理委员会在2008年发布的一项标准，旨在为软件开发过程中的需求分析提供一套明确、系统的方法。该标准，即GB/T 9385-2008，对于软件工程领域至关重要，因为它确保了...

    需求规格说明书模板2020.docx

    软件需求规格说明模板详解 软件需求规格说明书是软件开发过程中的重要文档，旨在明确软件的功能、性能和数据需求，确保软件开发人员、测试人员和用户之间达成共识。下面是对软件需求规格说明模板的详细解析。 1. ...

    模板规范方案要求-木模板规范方案要求.doc

    文档标题和描述中提到的是关于木模板在建筑施工中的规范方案要求，主要涉及模板的安装、拼装精度、模板定位和支撑系统等多个方面。以下是详细的知识点解析： 1. **模板安装的一般要求**： - 在进行模板安装之前，...

    PlantUML画类图添加备注和模板

    **应用模板：** PlantUML支持模板，可以让你创建可重用的样式或布局。例如，你可以定义一个模板来统一所有类的显示方式： ```plantuml !define MY_CLASS { border-color #A0A0A0 background-color #F8F8FF ...

    实用的500错误跳转页面模板.zip

    "实用的500错误跳转页面模板.zip" 提供了一种优雅地处理这种错误的方法，帮助网站提供更好的用户体验。这个压缩包包含了两个文件：`demo.html` 和 `css` 文件夹，它们共同构成了一个美观且功能完善的500错误页面模板...

    438B软件设计说明模板+438B软件需求规格说明模板+438B通用开发要求

    本资料包提供了关于438B标准的软件设计说明模板、需求规格说明模板以及军用软件开发文档的通用要求，这对于遵循GJB438B标准进行软件开发的团队来说是极其重要的参考资料。 首先，我们来探讨438B软件设计说明模板。...

    钢筋采购工程技术规格书.pdf

    钢筋采购工程技术规格书.pdf ...本技术规格书对钢筋采购工程的技术参数、标准和规范、生产和检验要求、供货与检验要求、产品质量要求和文档资料要求等方面都作出了详细规定，以确保钢筋采购工程的质量和安全。

    APP下载页面HTML模板

    【APP下载页面HTML模板】是一种用于构建移动应用下载页面的网页设计模板，它为开发者或网站设计师提供了一个快速创建吸引用户下载APP的平台。这样的模板通常包含精心设计的布局、色彩搭配、字体样式以及交互元素，以...

    软件工程文档规范和模版

    总之，软件工程文档规范和模版是确保项目成功的关键工具，它们帮助团队保持一致性，提高沟通效率，并确保软件的质量和可维护性。在实际工作中，我们需要理解和遵循这些规范，灵活运用模板，以实现高效的软件开发流程...

    团队自我介绍ppt模板下载

    "团队自我介绍ppt模板下载"这个标题指的是一个专门用于团队成员自我介绍的PowerPoint模板资源，可以帮助用户快速制作出专业且吸引人的自我介绍演示文稿。描述中的"适用于自我介绍主题设计应用"进一步强调了这个模板...

    PHP OA模版页面

    这些模板通常遵循一定的设计规范，如响应式布局，以适应不同设备的显示，并且可能已经集成了常见的UI组件，如导航菜单、表格、表单等。 1. **HTML结构**：HTML（HyperText Markup Language）是网页的基础，模板页面...

    漂亮登录页面模版

    在设计上，一个漂亮的登录页面模版能够提升用户体验，吸引用户并增加他们对品牌的信任感。"漂亮登录页面模版"这个主题强调了在网页设计中视觉吸引力的重要性，特别是对于那些寻求专业且吸引人的用户界面的开发者和...

    基于elementui的单页面后台管理项目模版

    【标题】：“基于ElementUI的单页面后台管理项目模版”是专为开发人员设计的一个高效、简洁的前端框架模板，它充分利用了Vue.js的强大功能和Element UI的易用性，构建出用户友好的后台管理系统。 【描述】：这个...

    软件需求规格说明书模板（通用版）

    《软件需求规格说明书模板（通用版）》是IT行业中用于明确软件开发目标和范围的重要文档，它是项目初期阶段的关键产出，为后续的设计、编码、测试和维护提供了清晰的指南。以下将详细介绍该模板的主要内容和关键知识...

    微信小程序类目申请资质模板-电商平台对入驻经营者的审核要求或规范文件

    微信小程序的"电商平台"类目申请需要满足一系列严格的资质要求和规范，确保为用户提供安全、合法的交易环境。以下是对这些要求和规范的详细解读： 1. 市场主体登记：所有希望入驻平台的经营者必须依法办理市场主体...

    华为代码规范代码模板

    华为作为全球领先的ICT解决方案提供商，对于代码质量有着极高的要求，因此制定了一套详尽的代码规范。这套规范不仅适用于Java语言，也可能覆盖其他编程语言，以确保代码的一致性和专业性。 首先，我们要理解“代码...

    中国移动通信门户网站页面模版子规

    描述页面模版规范的目标、章节介绍、注意事项和网站兼容说明。 第6章，设计规范。规范网站设计的视觉元素、结构样式和优化措施。 第7章，页面模版和结构规范。描述主要页面的用户界面模版和各栏目信息内容。 第8章，...

    Discuz! X1.5二次开发 模板制作，二次开发 规范 Discuz!X1 程序目录和文件列表详解

    X1.5 二次开发及模板制作详解 #### 一、Discuz! X1.5 简介 Discuz! X1.5 是一款基于社区的建站平台，它集成了论坛（BBS）、社交网络（SNS）、门户（Portal）、群组（Group）以及开放平台（Open Platform）等多种...

    超炫飞机师自我介绍ppt模板下载

    这款模板可能包含了精心设计的页面布局、图标、图片以及动画效果，旨在帮助飞机师们更有效地展示他们的职业生涯、技能和成就。 在描述中提到的"适用于自我介绍设计应用"，意味着这个PPT模板不仅限于飞机师，任何...

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