树列复选框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时,树型菜单有微软提供的 ...

随机推荐

POJ 1062 昂贵的聘礼（dij+邻接矩阵）
(￣▽￣)" #include<iostream> #include<cstdio> #include<cstring> #include<cstd ...
hdu_5793_A Boring Question(打表找规律)
题目链接:hdu_5793_A Boring Question 题意: 自己看吧,说不清楚了. 题解: 打表找规律 #include<cstdio> typedef long long l ...
Git 多人协作开发
当你从远程仓库克隆时,实际上Git自动把本地的master分支和远程的master分支对应起来了,并且你的远程仓库的默认名称是origin 查看远程库的信息,用git remote LV@LV-PC ...
Flex4 flashVars 传值
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or ...
Thinkphp与Ucenter整合笔记
ucenter手册:http://www.phpddt.com/manual/ucenter/html/index.htm 参考:http://www.thinkphp.cn/topic/1557.h ...
Linux设置静态IP【转】
一只小码 2016-08-16 10:32 测试服务器OS: Centos 6.5 x64 本机OS: Ubuntu 14.04 x64 由于Virtualbox当时安装Centos 6.5的时候设置 ...
passwd总结
1.当前用户是root root用户修改密码 ,直接 passwd[不要输入当前用户密码] 如果修改其他用户密码,需要 passwd 用户名如: passwd sc 短短的密码,如123也能通过,因 ...
JSP精华知识点总结
本文转自:http://blog.csdn.net/qy1387/article/details/8050239 JSP精华知识点总结 Servlet三个要素 1.必须继承自HttpServlet 2 ...
sql server 的约束的作用于理解 [转]
SQL Server中的约束用来确保系统的完整性.一般约束可以分为:主键约束外键约束检查约束默认约束唯一约束非空约束但是一般我们需要特别注意前三种约束:主键约束,一就是说跟你系统的实体有很大的关系, ...
Codeforces 704A Thor 队列模拟
题目大意:托尔有一部手机可执行三种操作 1.x APP产生一个新消息 2.读取x App已产生的所有消息 3.读取前t个产生的消息问每次操作后未读取的消息的数量题目思路: 队列模拟,坑点在于竟然卡 ...

树列复选框Extjs

树列复选框Extjs的更多相关文章

随机推荐

热门专题