欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-03-17 23:21:26
...

名称:表单支持 树 单选

路径要求:暂无

页面要求:

 

  1. 点击框的时候才判断是否需要加载;有加载过的话不能再加载;(代码要求)
  2. 树默认打开到一级树节点;(页面效果)
  3. 支持文本筛选框。筛选框支持回车和自动查询;只是展示匹配到的结果。同样,只是展示到一级树节点;(可以的话,可以看怎么实现到展开到匹配到的节点,然后该节点的子节点不再打开。)(页面效果)
  4. 点击框之后,焦点自动设置到文本筛选框,不需要用户自己再点一次!(页面效果)
  5. 必须配上合适的节点素材等美观;不要有不必要的滚动条和线边框;

自我实现:

 

 

	<bandbox id="${REPEAT}EntityID" mold="rounded" maxlength="50" forward="onOpen =main.onInitialparentEntityIDModel"
			autodrop="true" width="90%" readonly="true" onOpen="parentDepartID_searchVal.focus()" onMouseOver="parentDepartID_searchVal.focus()"
			value="@{main$composer.viewModel.parentEntityID.XXXXXName }">
			<bandpopup style='overflow-x:hidden' width="300px" height="480px">
				
				<div  vflex="1">
				<div  style="padding-top:2px;background-image: url(${pageContext.request.contextPath}/zkau/web/a52de3f1/sapphire/zul/img/grid/column-bg.png);">
					<hbox left="2px;" style="padding-top:10px;" height="30px;">
						<image src="/img/common/funnel.png" />
						<n:span style="color:#00547A;">
						&#160;请输入筛选条件:
						</n:span>
						<textbox id="parentDepartID_searchVal" instant="true" maxlength="20"/>
					</hbox>
				</div>
					
		<tree width="99%" zclass="z-dottree" id="parentEntityID_tree" forward="onSelect=main.onChooseOneTreeNode" vflex="1">
			<template name="model">
				<treeitem>
					<treerow>
						<treecell label="${each.description}" image="/img/common/department-16.png"/>
					</treerow>
				</treeitem>
			</template>
		</tree>
					</div>
					
					
			</bandpopup>
		</bandbox>		

 

 

其中值得注意的还有:

 

${pageContext.request.contextPath}

${desktop.webApp.servletContext.contextPath }

 

 
自我规范模版A要求3:表单 支持 树单选
            
    
    博客分类: zk经验  

 

 

  • 自我规范模版A要求3:表单 支持 树单选
            
    
    博客分类: zk经验  
  • 大小: 8.7 KB