<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Tree View</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-treeview.css" rel="stylesheet">
</head>
<body>
<div class="container">
<h1>Bootstrap Tree View - DOM Tree</h1>
<br/>
<div class="row">
<div class="col-sm-12">
<label for="treeview"></label>
<div id="treeviews"/>
</div>
</div>
<div class="ol-sm-6">
<div class="input-group">
<span class="input-group-addon">所属部门</span>
<input type="text" id="depName" name="depName" class="form-control" value="" onclick="$('#treeview').show()" >
<input type="hidden" id="deptId" name="deptId" value="36">
</div>
<div id="treeview" style="display:none;"/>
</div>
</div>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/bootstrap-treeview.js"></script>
<script type="text/javascript">
function buildDomTree() {
var data = [];
function walk(nodes, data) {
if (!nodes) { return; }
$.each(nodes, function (id, node) {
var obj = {
id: id,
text: node.nodeName + " T_T " + (node.innerText ? node.innerText : ''),
tags: [node.childElementCount > 0 ? node.childElementCount + ' child elements' : '']
};
if (node.childElementCount > 0) {
obj.nodes = [];
walk(node.children, obj.nodes);
}
data.push(obj);
});
}
walk($('html')[0].children, data);
return data;
}
$(function() {
var options = {
bootstrap2: false,
showTags: true,
levels: 5,
showCheckbox:true,
checkedIcon:"glyphicon glyphicon-check",
data: buildDomTree(),
onNodeSelected:function(event, data){
$("#depName").val(data.text);
$("#treeview").hide();
}
};
$('#treeview').treeview(options);
});
</script>
</body>
bootstrap树形下拉框 下拉框树形菜单
4星 · 超过85%的资源 需积分: 50 92 浏览量
2016-11-15
11:33:46
上传
评论 10
收藏 129KB ZIP 举报
悬崖边
- 粉丝: 2
- 资源: 7
最新资源
- JAVA 中的Spring框架介绍包括起源、体系结构、核心部分、特点等
- 2024年小米汽车产业链分析及新品上市全景洞察报告
- 基于Qt和C++实现的偏3D风格的异型窗体界面操作+源码(期末大作业&课设&项目开发)
- 基于yolov8的花卉分类系统,包含训练好的权重和推理代码,GUI界面,支持图片、视频、摄像头输入,支持检测结果导出
- 基于图形化编程的单片机教学案例研究
- 基于matlab语音识别的信号灯图像模拟控制技术代码19
- ET200SP-GSD文件-GSDML-V2.43-Siemens-ET200SP-20240209.zip
- STM32CubeIDE H743 + DP83848 + LWIP-UDP服务器跨网段传输数据
- 基于蓝牙单片机的锌烟除尘控制系统
- 基于matlab的hough变换道路提示牌检测识别系统代码18
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
- 1
- 2
- 3
- 4
- 5
前往页