树列复选框Extjs
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%String webapp = request.getContextPath();%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<META HTTP-EQUIV='Expires' CONTENT='0'>
<META HTTP-EQUIV='pragma' CONTENT='no-cache'>
<META HTTP-EQUIV='Cache-Control' CONTENT='no-cache, must-revalidate'>
<link href="<%=webapp%>/skin/common.css" rel="stylesheet" type="text/css">
<jsp:include page="../extInclude.jsp" />
<script type="text/javascript" src="<%=webapp%>/resource/js/jquery-1.8.3.js"></script>
<SCRIPT language="javascript" src="<%=webapp%>/resource/js/common.js"></SCRIPT>
<script type="text/javascript" src="<%=webapp%>/resource/js/configAgency.js"></script>
<SCRIPT type="text/javascript">
$(document).ready(function() {
var cityId = $("#cityId").val();
var cityName = $("#cityName").val();
var e1= document.myform.list2 ;
if(cityId!=""){
nid=cityId.split(",");
nam=cityName.split(",");
for(i = 0; i < nid.length-1; i++){
e1.options.add(new Option(nam[i],nid[i]));
}
}
}); //添加待选机构
function TaskAgencySelected(){
var deptIds=Ext.getCmp('treePanelId').getChecked();
var deptId="";
var deptName="";
var e1= document.myform.list2 ;
if(deptIds.length > 0){
for(i = 0; i < deptIds.length; i++){
deptId += deptIds[i].id + ",";
deptName+=deptIds[i].text + ","; if(e1.options.length>0){
for(var j=0;j<e1.options.length;j++){
if(e1.options[j].value ==deptIds[i].id){
e1.remove(j);
}
}
}
e1.options.add(new Option(deptIds[i].text ,deptIds[i].id));
}
document.myform.cityId.value=getvalue(document.myform.list2);
document.myform.cityName.value=gettext(document.myform.list2);
}
else{
Ext.MessageBox.alert("提示","请选择您要添加的金融机构部门!");
}
} // 删除已选机构部门
function moveOption(e1){
try{
for(var i=0;i<e1.options.length;i++){
if(e1.options[i].selected){
e1.remove(i);
i=i-1
}
}
document.myform.cityId.value=getvalue(document.myform.list2);
document.myform.cityName.value=gettext(document.myform.list2);
}
catch(e){}
} // 将获取的机构id值 用逗号串起来
function getvalue(geto){
var allvalue = "";
for(var i=0;i<geto.options.length;i++){
allvalue +=geto.options[i].value + ",";
}
return allvalue;
} //将获取的机构名称值,用逗号串起来
function gettext(geto){
var alltext="";
for(var i=0;i<geto.options.length;i++){
alltext+=geto.options[i].text + ",";
}
return alltext;
} // 保存
function saveClick(){
var cityId = $('#cityId').val();
var cityName = $('#cityName').val();
window.opener.document.getElementById("departmentName").value =cityName ;
window.opener.document.getElementById("departmentId").value = cityId ;
window.close();
} //返回
function quit(){
var result = window.confirm('确认要退出吗?');
if(result){
window.close();
}
}
</SCRIPT>
</head> <body scroll=no>
<div>
<s:component template="extButton.ftl">
<s:param name="buttons" value="%{'
{text:\"保存\",iconCls:\"saveImg\",handler:saveClick},
{text:\"返回\",iconCls:\"backImg\",handler:quit}
'}"/>
</s:component>
</div>
<table cellspacing=0 cellpadding=0 border="0" width=100% height=100%>
<tr height=11>
<td >
<!-- 位置栏 -->
<div class="location_bg"><img src="<%=webapp%>/resource/images/icon/icon_1.gif" align="absmiddle" /> 您的位置 >> 信息管理 >> 栏目管理 >> <span>配置金融机构</span></div>
</td>
</tr> <tr height=100%>
<td >
<!--内容区域-->
<div class="contentBlock">
<form name="myform">
<table cellspacing=0 cellpadding=0 width="100%" height="100%" border="0">
<input id="menucode" name="menucode" type="hidden" value="<%=request.getParameter("menucode") %>"/>
<tr height="28">
<td width="450">
<div style="width: 450px;height:28px;" class="location_bg"><img src="<%=webapp%>/resource/images/icon/icon_1.gif" align="absmiddle" />待选机构
</td>
<td rowspan="2" width="50" style="background-color: #dfdfdf;" align="center">
<div align="center" style="margin-top: 15px;">
<input type="button" class="input_button" onclick="TaskAgencySelected()" value="添加" align="absmiddle" />
</div>
<div style="margin-top: 15px;">
<input type="button" class="input_button" onclick="moveOption(document.myform.list2)" value="删除"/>
</div>
</td>
<td valign="top" rowspan="2">
<!-- 位置栏 -->
<div style="width: 100%;" class="location_bg"><img src="<%=webapp%>/resource/images/icon/icon_1.gif" align="absmiddle" /> 已选金融机构 </div>
<select style="width:100%;" multiple name="list2" size="20" ondblclick="moveOption(document.myform.list2)">
</select>
<input id="cityId" type="hidden" value="<s:property value="cityId" />"/>
<input id="cityName" type="hidden" value="<s:property value="cityName" />" /> </td>
</tr>
<tr>
<td width="450" colspan="2">
<div id="agencyTeamDiv" style="height:100%;display: none;"></div>
<div id='deptTreeDiv' style="height:100%"></div>
</td>
</tr>
</table>
</form>
</div>
</td>
</tr>
</table> <s:component template="extTree.ftl">
<s:param name="renderTo" value="%{'deptTreeDiv'}"/>
<s:param name="treePanelId" value="%{'treePanelId'}"/>
<s:param name="dataUrl" value="%{'task_loadAgencyJson.action?menucode='+#request.menucode}"/> //j 机构树加载 action
<s:param name="treeWidth" value="%{'450'}"/>
<s:param name="treeHeight" value="%{'452'}"/>
<s:param name="onlyLeafCheckable" value="%{'false'}"/>
<s:param name="rootId" value="%{'-1'}"/>
<s:param name="async" value="%{'true'}"/>
</s:component>
</body>
</html>
2013-10-16
树列复选框Extjs的更多相关文章
- Java获取后台数据,动态生成多行多列复选框
本例目标: 获取后台数据集合,将集合的某个字段,比如:姓名,以复选框形式显示在HTML页面 应用场景: 获取数据库的人员姓名,将其显示在页面,供多项选择 效果如下: 一.后台 查询数据库,返回List ...
- EASYUI DATAGRID 多列复选框CheckBox
主要实现: 用的 easyui 1.3.2 实现多个复选框列,各列互不影响.能够实现全选.主要部门用红色标记了的. easyui datagrid 初始化: <script> functi ...
- Extjs3.4 grid中添加一列复选框
var sm = new Ext.grid.CheckboxSelectionModel(); var cm = new Ext.grid.ColumnModel( [ sm, new Ext.gri ...
- table中列复选框全选,再选 效果
<table class="table table-striped sortable table-bordered table-hover " id="zdnews ...
- Extjs 3.4 复选框的,默认选中 ,禁用,(纯属于自己代码中需要,总结!)
var sm = new Ext.grid.CheckboxSelectionModel( { //一个特定的选择模型,它将渲染一列复选框,可以用来选择或反选多行数据. ...
- 关于JFace带复选框的树
树的复选框用CheckboxTreeViewer实现.由于其子类ContainerCheckedTreeViewer在没有选择全部子节点时可以自动将父节点设置成灰选,所以实现树的复选框更多的是用Con ...
- extjs 中动态给gridpanel 复选框赋值
最近在搞extjs时需要动态根据数据给gridpanel的复选框赋值 网上看了很多 ,多不行,最后找到一个好使的方法 如下: RBACformPanel.getSelectionModel().sel ...
- 关于textjs的tree带复选框的树
通过查阅一些资料和自己之前了解到的一些相关知识,有时项目中需要用到.话不多说,先看一下效果图: 我写的这人员选择的树,主要是改写了TreePanel,如下代码: ExtendTreePanel.js ...
- MVC树控件,mvc中应用treeview,实现复选框树的多层级表单控件
类似于多层级的角色与权限控制功能,用MVC实现MVC树控件,mvc中应用treeview,实现复选框树的多层级表单控件.最近我们的项目中需要用到树型菜单,以前使用WebForm时,树型菜单有微软提供的 ...
随机推荐
- 如何使用 AngularJS 的 ngShow 和 ngHide
今天我们来看看怎样使用Angular的ngShow 和ngHide 指令来完成它们听起来应该完成的,显示和隐藏! 它们应该做的事 ngShow 和ngHide 允许我们显示或隐藏不同的元素.这有助于创 ...
- 客户端 HttpUtils.java
package com.http.post; import java.io.ByteArrayOutputStream; import java.io.IOException; import java ...
- git clone 太慢怎么办?
Git 和 GitHub 的出现打开了开源世界的另一扇大门,版本控制变得更强大(也更复杂),项目的管理变得更加容易,项目的开发也变得更容易进行多人协作.GitHub 无疑是程序员的 Facebook ...
- viewpager处理(三):让viewpager不预加载下一页
有时候viewpager加载页面的时候,我们发现页面的数据量很大,预加载的话会消耗性能,为了节省用户流量和手机性能,所以我们想让viewpager不自动预加载下一页,怎么实现呢? viewpager预 ...
- 一篇很全面的freemarker教程 前端工程师必备
FreeMarker的模板文件并不比HTML页面复杂多少,FreeMarker模板文件主要由如下4个部分组成: 1,文本:直接输出的部分 2,注释:<#-- ... -->格式部分,不会输 ...
- 解读QML之三
QML语法 1.QML基本语法 1.1导入声明 导入声明允许客户端告诉QML引擎可以在QML文档中使用哪些模块,JavaScript资源以及组件目录.文档中可以使用的类型依赖于在文档中导入的模块.资源 ...
- postfix队列管理
队列管理单元的服务器程序--qmgr,是整个postfix系统的中心枢纽.所有邮件,包括等待送出与从外界收进来的,都必须通过队列.了解队列的运行原理以及postfix如何处理队列,有助于你解决问题. ...
- sqlserver内存释放
由于Sql Server对于系统内存的管理策略是有多少占多少,除非系统内存不够用了(大约到剩余内存为4M左右), Sql Server才会释放一点点内存.所以很多时候,我们会发现运行Sql Serv ...
- hibernate缓存机制(二级缓存)
一.why(为什么要用Hibernate缓存?) Hibernate是一个持久层框架,经常访问物理数据库. 为了降低应用程序对物理数据源访问的频次,从而提高应用程序的运行性能. 缓存内的数据是对物理数 ...
- oracle常用高级sql---1
Oracle/Sql高级篇 1.TOP 子句 TOP 子句用于规定要返回的记录的数目. 对于拥有数千条记录的大型表来说,TOP 子句是非常有用的. SELECT TOP number|percen ...