`

地区动态级联

阅读更多

 

前台JSP--/demo_my/EAPDomain/app/pages/samples/server/norole/norole.jsp

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html; charset=UTF-8" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        </meta>
        <title>动态级联</title>
        <%@ include file="/unieap/ria3.3/pages/config.jsp" %>
         <script type="text/javascript" src="<%=appPath%>/pages/samples/server/norole/norole.js"></script>
	</head>
    <body class="unieap">
		<div style="width:100%;">
	
		<div id="rightContent" style="float:left;width:50%;">
		   		<div dojoType="unieap.layout.TitlePane" title="地区管理" style="height:350px">
			     	<form  id="empForm" jsId="empForm" dojoType="unieap.form.Form"  binding="{store:'area',bindIndex:1}">
						<fieldset dojoType="unieap.form.FieldSet" title="地区信息">
							<table width="100%" style="table-layout:fixed" >
								<colgroup>
									<col style="width:70px;"></col>
									<col style="width:auto;"></col>
									<col style="width:20px;"></col>
								</colgroup>
								<tr style="height:40px">
								    <td><label> 城市: </label></td>
									<td colspan="2"><div binding="{name:'NAME'}"   dojoType="unieap.form.ComboBox"
									dataProvider="{store:'area'}" 
									decoder="{displayAttr:'NAME',valueAttr:'ID'}" width="100%"></div></td>
								</tr>
								
								<tr style="height:40px">
								    <td><label>  县、区: </label></td>
									<td colspan="2"><div binding="{name:'NAME'}" id="area"  dojoType="unieap.form.ComboBox"
									dataProvider="{store:'area'}" 
									decoder="{displayAttr:'NAME',valueAttr:'ID'}" width="100%"></div></td>
								</tr>
								
								<tr style="height:40px">
								    <td><label>  公司: </label></td>
									<td colspan="2"><div binding="{name:'NAME'}"   dojoType="unieap.form.ComboBox"
									dataProvider="{store:'area'}" 
									decoder="{displayAttr:'NAME',valueAttr:'ID'}" width="100%"></div></td>
								</tr>
								
							</table>
						</fieldset>
					</form>
				</div>
		  </div>
		
		</div>
    </body>
</html>

 

无后台JS业务处理--/demo_my/EAPDomain/app/pages/samples/server/norole/norole.js

 

 

	dojo.addOnLoad(function(){
		init();
	});
	
	function init(){
		
		var dc = new unieap.ds.DataCenter();
		var store=new unieap.ds.DataStore("area");
		store.setRowSetName("areaStore");
		dc.addDataStore(store);
		
		//调用查询方法,返回dc
		unieap.Action.doQuery(store);
		var ds = dataCenter.getDataStore("area");
		//重新绑定数据源
		unieap.debug(ds.getRowSet());
		var row=ds.getRowSet().getRow(0);
		var form=unieap.byId('empForm');
		form.getBinding().bind(row);
	}
分享到:
评论

相关推荐

    Jquery Ajax 动态级联

    本主题将深入探讨如何利用jQuery AJAX实现动态级联效果,即二级联动下拉菜单,这种功能通常用于多级分类选择或者地区选择等场景。 首先,让我们了解什么是jQuery和AJAX。jQuery是一个强大的JavaScript库,简化了...

    英文版js地区国家级联

    在IT领域,尤其是在前端开发中,创建一个国家与地区级联选择菜单是一项常见的需求。这个“英文版js地区国家级联”资源提供了一个纯JavaScript实现的解决方案,无需依赖数据库,简化了开发流程。以下是对这个资源的...

    动态级联菜单

    动态级联菜单是一种常见的用户界面元素,特别是在网页和应用程序设计中。它允许用户通过逐级展开子菜单来选择深层的选项,从而实现更高效的导航。这种菜单设计在数据层级结构复杂时尤为有用,例如在组织架构、地区...

    jQuery实现级联地区选择

    "jQuery实现级联地区选择"这个主题就是关于如何利用jQuery库来创建一个动态联动的省份-城市选择器。这个实例包含了JSP(JavaServer Pages)、JavaScript和CSS三个主要部分,旨在提供一种高效、用户友好的选择体验。 ...

    全国地区级联数据.五级级联,省市区街道社区

    全国地区级联数据是用于构建具有五级层次结构的下拉选择框或级联菜单的数据库资源,这种数据通常在Web开发中用于实现用户输入地址时的智能提示功能。五级级联指的是省级、市级、区县级、街道级以及社区级的逐级展开...

    常用的js代码有关验证 动态级联 xml 工具条

    在本压缩包中,你将找到一系列关于JS代码的实例,涵盖了验证、动态级联和XML处理,以及工具条的相关内容。下面我们将详细探讨这些知识点。 1. **JS验证**: JavaScript验证主要用于前端数据校验,可以减少无效请求...

    dwr实现select列表的动态级联

    在“dwr实现select列表的动态级联”这个场景中,DWR将被用来实现在前端JavaScript和后端Java之间的数据同步,以便在用户选择上级选项时动态更新下级选项列表。以下是实现这个功能的关键步骤: 1. **设置DWR配置**:...

    layui多选级联选择器

    在layui中,级联选择器是一种常用于数据层级关系展示和选择的组件,尤其适用于地区选择、部门结构等场景。本篇文章将深入探讨layui的多选级联选择器及其无限级联功能。 首先,我们要理解什么是级联选择器。级联选择...

    js树状地区三级级联带复选框

    总的来说,"js树状地区三级级联带复选框"是一个涉及数据结构、事件处理、动态加载和用户交互等多个方面的JavaScript开发任务。通过合理利用现有库和框架,如JSTree,可以高效地实现这一功能,提供优秀的用户体验。

    angularjs 地区三级级联

    在本文中,我们将深入探讨如何使用AngularJS实现地区三级级联功能,这通常涉及到省、市、区的联动选择。AngularJS是一个强大的JavaScript框架,它提供了丰富的功能来构建动态单页应用(SPA)。在这个场景中,我们使用...

    Java三级级联,省份,市区,地区

    在这个项目中,"Java三级级联,省份,市区,地区"意味着开发者正在创建一个系统,允许用户按照省、市、区的顺序逐级选择,每个级别都是基于前一级的选择动态加载的。这种功能常用于地址填写、订单配送等场景,确保...

    修正版 layui单选级联(省市区选择地区)选择器的实现

    在本项目中,layui被用来创建一个单选级联的地区选择器,适用于用户在填写表单时选择省市区信息。这个功能对于电子商务网站、预约服务、地址管理等场景非常实用,因为它可以确保用户输入的地址信息准确且结构化。 ...

    JQurey实现国家地区级联

    ### 使用JQuery实现国家地区级联的知识点解析 在网页开发中,经常需要处理复杂的下拉选择列表,尤其是在涉及地理位置的选择时,例如国家、省份、城市等多级联动选择。这种功能不仅能够提升用户体验,还能简化用户...

    js 级联选择地区

    "js 级联选择地区"就是一个典型的示例,它允许用户逐步选择国家、省份、城市等地理区域,每一步的选择都会影响下一步的选项,为用户提供了一种直观且高效的输入方式。 首先,我们来理解一下级联选择的基本原理。...

    js javascript 网页地区邮政编码选择级联菜单

    本话题主要关注如何使用JavaScript(简称JS)来创建一个地区与邮政编码相结合的级联选择菜单。这个菜单会允许用户逐级选择省份、城市和区县,然后根据选择自动显示出对应的邮政编码。 首先,我们需要理解级联菜单的...

    asp动态级联菜单代码

    asp动态级联菜单代码 下面是关于asp动态级联菜单代码的详细知识点: 1. ASP技术 ASP(Active Server Pages)是一种服务器端脚本语言,用于生成动态的Web页面。ASP技术可以与数据库集成,生成动态的Web应用程序。...

    全国地区 省市区县街道 (element级联选择器适用).json

    全国地区 细分至省市区县街道 element级联选择器适用

    select级联

    最后,"动态元素级联.ppt"很可能是一个演示文稿,详细阐述了如何实现动态元素级联的过程,可能包括具体的步骤、示例代码以及注意事项。可能涵盖了如何绑定事件监听器、异步请求数据、更新DOM结构等内容。 实现这种...

    超漂亮的基于jquery的H5省市区县三级地区级联选择菜单,适合wap、html5页面使用

    本资源提供了一个“超漂亮的基于jquery的H5省市区县三级地区级联选择菜单”,它专为wap和HTML5页面设计,具有良好的视觉效果和出色的兼容性。 首先,我们要理解什么是jQuery。jQuery是一个快速、简洁的JavaScript库...

Global site tag (gtag.js) - Google Analytics