`

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

 
阅读更多

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

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
评论
发表评论

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

相关推荐

    淡雅个人简历自我介绍PPT模板.pptx

    该PPT模板主要用于个人简历自我介绍，提供了多个页面用于展示个人信息、工作经验、教育背景、技能、爱好特长等内容。以下是该模板中的知识点： 1.个人信息概述：该页面用于展示个人基本信息，如姓名、年龄、毕业...

    软件需求规格说明编写指南(438B).doc

    软件需求规格说明是软件开发过程中的一份重要文件，旨在明确软件的功能、性能和接口要求，确保软件满足用户的需求。下面是软件需求规格说明编写指南的知识点： 一、软件需求规格说明的作用 * 明确软件的功能和性能...

    ASPICE软件需求规范文档模板

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

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

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

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

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

    软件开发各种规范文档模板

    本文将深入探讨“软件开发各种规范文档模板”这一主题，讲解其重要性、常见类型以及如何有效利用这些模板。 首先，我们要明白规范文档在软件开发中的核心作用。规范文档不仅是技术交流的桥梁，更是保证项目质量的...

    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软件设计说明模板。...

    APP下载页面HTML模板

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

    自我介绍pp模板下载

    这种模板通常包含了精心设计的页面布局、色彩搭配、字体选择以及图表元素，以专业且吸引人的形式呈现个人经历、技能、成就和目标。 描述中提到"适用于找工作主题设计应用"，这暗示了模板将聚焦于求职者的专业背景、...

    软件工程文档规范和模版

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

    团队自我介绍ppt模板下载

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

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

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

    软件需求规格说明书模版

    软件需求规格说明书模版知识点总结 软件需求规格说明书模版是软件开发过程中不可或缺的一部分，对于软件产品的需求进行详细的描述和规定。以下是软件需求规格说明书模版所蕴含的知识点： 一、引言 软件需求规格...

    CMMI3需求规格说明书模板

    要求规格说明书是软件开发的重要文档之一，旨在描述软件的功能和性能要求。该文档模板符合政府机关对文档的要求，表明该模板已经通过了相关的认证和审核。 3. 标签：CMMI3 需求规格说明书 标签中提到的CMMI3和需求...

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

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

    [XX软件项目]需求规格说明书(GBT9385-2008) V1.0[模板].docx

    《XXX 项目软件需求规格说明书》是按照GB/T9385-2008国家标准进行编写的，这个标准是中国信息化领域对需求规格书的一种规范化指导，旨在确保软件开发过程中的需求明确、完整且可度量。V1.0版本是这份文档的初次发布...

    软件开发规范国标模板

    操作手册编写规范、测试分析报告编写规范、测试计划文档编写规范、概要设计说明书编写规范、开发进度月报编写...规范、数据要求说明书编写规范、详细设计说明书编写规范、项目开发总结报告编写规范、用户手册编写规范...

    华为代码规范代码模板

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

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