dtree_checkbox.js
1.判断并选中checkbox
//选中该用户所拥有的权限
var menu_id_check=new Array();
menu_id_check="<s:property value='#request.purviewRoleList'/>".split(",");
//为角色原有权限的checkbox打上已选标记
$(':checkbox').each(function(){
for(var j=0;j<menu_id_check.length;j++){
if(this.value==menu_id_check[j]){
this.checked=true;
break;
}
}
});
2.显示带checkbox的复选框
<form action="savepurview.action" method="post" id="purviewForm">
<input type='checkbox' id='purview_check_all' onclick='checkall()'/>全选
<input type="hidden" name="role_id" value="<s:property value="#request.purviewAllList[0].role_id"/>"/>
<script language="JavaScript" type="text/JavaScript">
var d = new dTree('d','<%=request.getContextPath()%>','purviewForm');
<s:iterator value="%{#request.purviewAllList}" id="functionNode">
d.add('${functionNode.menu_id}','${functionNode.parent_id}','${functionNode.menu_name}');
</s:iterator>
document.write(d);
</script>
<div class="operation">
<input type="button" value="保存" class="button" onclick="submitForm()"/>
<input type="button" onclick="history.back()" value="返回" class="button"/>
</div>
</form>
分享到:
相关推荐
本工程使用dTree组件实现树形菜单的展示 有静态树形菜单和动态(从数据库获取数据)树形菜单展示两种 数据库连接采用简单的类实现 数据位MySQL(5.0.21),数据库创建脚本为dtree.sql 菜单既有普通的树结构展示,也有...
在本文中,我们将深入探讨如何使用WPF(Windows Presentation Foundation)来实现一个具有复选框的层级联动树形菜单。这个功能丰富的菜单不仅允许用户通过右键操作进行展开、关闭、选择和反选所有节点,而且在选择...
在本文中,我们将深入探讨如何使用WPF(Windows Presentation Foundation)技术实现一个具有层次结构的Checkbox树形菜单,以及如何实现右键菜单功能,包括展开所有、关闭所有、选择所有和反选所有。WPF是.NET框架的...
"树形菜单带checkbox"则是在这种菜单的基础上添加了复选框(checkbox)功能,允许用户进行多选操作,如全选、反选、选择特定节点等,极大地提升了用户的交互体验。 在Web开发中,实现树形菜单带checkbox通常涉及到...
在IT界,尤其是在前端开发中,"带复选框的树形菜单"是一种常见的交互元素,广泛应用于数据层级结构的展示和操作。这种菜单结构能够有效地组织和展示具有层次关系的数据,例如文件系统、组织架构或者多级分类等。下面...
这些库通常提供了丰富的API和组件,可以帮助开发者快速构建功能齐全的树形菜单。 8. **响应式设计**: 现代Web应用需要适应不同设备和屏幕尺寸。因此,树型菜单的设计应当考虑移动设备和平板电脑的屏幕大小,确保在...
"checkbox树形展开效果"是这种概念的一个具体应用,它结合了多选框(checkbox)与树形结构,让用户能够以图形化的方式操作和选择具有层次关系的项目。 在实现"checkbox树形展开效果"时,我们通常会用到HTML、CSS和...
在Android应用中,树形结构常用于展示层级关系,如文件系统、菜单或者组织结构等。多选CheckBox则是让用户能够选取多个选项的交互控件,常用于设置界面或列表筛选。 在这个项目中,开发者创建了一个自定义的组件,...
"带复选框"的JS树形菜单则更进一步,允许用户通过勾选复选框来选择或操作树节点,为用户提供了一种直观且高效的多选操作方式。 在构建带复选框的JS树时,主要涉及以下几个关键知识点: 1. **HTML结构**:首先,...
例如,在JavaScript中,可以利用HTML5的`<input type="checkbox">`元素结合CSS和JavaScript来创建树形菜单。对于更复杂的场景,可以使用前端框架如React或Vue,它们提供了组件化的开发方式,方便我们构建可复用的树...
实现树形菜单的CheckBox级联选择功能是增强用户交互性的重要手段,它允许用户通过选择一个节点来自动选中或取消选中其所有子节点,以及可能的父节点。这个特性通常在多级选择场景中非常有用。 首先,我们要理解`...
2. `lTREE.checkbox.html`:这可能是一个包含复选框功能的树形菜单示例,允许用户选择多个节点。 3. `index.html`:通常作为网站的入口文件,可能包含基础的HTML结构和JavaScript引用。 4. `lTREE.simple.html`:...
在这个场景中,我们讨论的是一个“非常经典的带复选框的树形菜单”,这指的是在每个菜单节点上添加了复选框功能,使得用户能够对各个节点进行选择,同时保持清晰的层级关系。 复选框菜单是交互设计中的一个重要组成...
总结,"带checkbox的树"是一个结合了树形结构和复选框功能的交互组件,其核心在于通过JavaScript(可能是jQuery)实现节点的交互逻辑和复选状态管理。个人自制的版本可能具有独特的功能和优化,适应特定的使用场景。...
**jsTree树形菜单详解** jsTree是一款基于JavaScript的开源库,用于在Web页面中创建交互式的树形结构。它提供了丰富的API、多种主题和插件,使得开发者能够轻松地构建自定义的树形菜单。jsTree适用于各种场景,如...
在前端开发中,树形菜单是一种常见的用户界面元素,它以层级结构展示数据,便于用户进行导航和选择操作。在本场景中,我们关注的是如何使用jQuery实现一个具有多选功能的树形菜单,并获取用户所选的值。jQuery是一个...
本知识点将详细探讨如何使用jQuery创建一个具有滑动、多级二级下拉菜单以及Checkbox勾选操作的树形菜单,并支持无限嵌套。 首先,我们需要理解树形菜单的基本结构。通常,树形菜单由HTML列表元素(`<ul>` 和 `<li>`...
- **纯CSS实现**:通过CSS伪类和`:checked`属性,结合HTML的`<input type="checkbox">`和`<label>`元素,可以实现简单的树形菜单。 - **JavaScript实现**:更复杂的交互和动态加载通常需要JavaScript辅助,通过...
在网页设计中,树形菜单是一种常见的交互元素,它用于展示层次结构的数据,例如网站的导航、文件系统或组织架构。CSS(层叠样式表)是网页设计中的核心技术,负责控制网页的布局和视觉表现。在本文中,我们将深入...