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

Alex_Cheung

浏览: 18496 次
性别:
来自: 广州

最近访客更多访客>>

hiscaler

zhoumengjun123

jellyfish

woodding2008

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

经验

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

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
踩

分享到：

自我规范模版A要求1：展示所选对象详情 ... | 自建规范DAO Service

2014-06-22 20:19
浏览 578
评论(0)
分类:Web前端
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

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

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

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

评论

发表评论

相关推荐

20140722

运维那点事6：安装其他必要软件之安装openOffice

运维那点事5：搭建个tomcat（fedora20）

运维那点事4：搭建mysql（fedora20）

运维那点事3：搭建ftp服务器（fedora）

运维那点事2:帮助命令

运维那点事1:如何查看电脑是32还是64位的

运维那点事 装Fedora 20跑项目应用

针对非折叠式的页面主部分的开发，来复制操作了

自我规范模版A要求3：表单 支持 （进行中）

自我规范模版A要求3：表单 支持 树单选

自我规范模版A要求2：展示数据列表 （无从表）和导出数据页面

自我规范模版A要求1： 展示所选对象详情弹出框

140623

zk controller

自建规范DAO Service

140622 大数据量的情况下的勾选：选择多个和取消多个

20140620 zk study link

333

zk page

最近访客更多访客>>

运维那点事装Fedora 20跑项目应用

自我规范模版A要求3：表单支持（进行中）

自我规范模版A要求3：表单支持树单选

自我规范模版A要求2：展示数据列表（无从表）和导出数据页面

自我规范模版A要求1：展示所选对象详情弹出框