first commit
This commit is contained in:
92
WebRoot/jsp/user/companySelectTree_Dept.jsp
Normal file
92
WebRoot/jsp/user/companySelectTree_Dept.jsp
Normal file
@ -0,0 +1,92 @@
|
||||
<!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" language="java"%>
|
||||
<script>
|
||||
//简易公司combotree(只有公司和水厂版本)
|
||||
$.post(ext.contextPath + '/user/getUnitForTree_Dept.do', { ng: '' }, function (data) {
|
||||
//console.log("data",data);
|
||||
if (data.length == 1 && !data[0].hasOwnProperty("nodes")) {
|
||||
//当登陆者的pid以下没有子节点时显示单独一个span
|
||||
$("#company_id").val(data[0].id);
|
||||
$("#companyselect").hide();
|
||||
$("#companyName").text("公司:" + data[0].text);
|
||||
companyId = data[0].id;
|
||||
initFun();
|
||||
} else if ((data.length == 1 && data.node != "") || data.length > 1) {
|
||||
//第一次加载时赋值
|
||||
$("#company_id").val(data[0].id);
|
||||
$("#cname_input").val(data[0].text);
|
||||
companyId = data[0].id;
|
||||
initFun();
|
||||
//$table.bootstrapTable('refresh');//异步加载重新刷新,待修改
|
||||
$('#companytree').treeview({
|
||||
data: data,
|
||||
showBorder: false,
|
||||
levels: 3,
|
||||
});
|
||||
$('#companytree').on('nodeSelected', function (event, data) {
|
||||
$("#company_id").val(data.id);
|
||||
$("#cname_input").val(data.text);
|
||||
companyId = data.id;
|
||||
console.log("tree",data.id);
|
||||
//存储参数
|
||||
localStorage.setItem("companyKey", data.id);
|
||||
document.getElementById('ul_tree').style.display = "none";
|
||||
dosearch();
|
||||
});
|
||||
|
||||
//展开locaStroage中存储原先选中节点
|
||||
if(localStorage.getItem("companyKey") != ""){
|
||||
var treenode = $('#companytree').treeview('getEnabled');
|
||||
for (j = 0, len = treenode.length; j < len; j++) {
|
||||
if (treenode[j].id == localStorage.getItem("companyKey")) {
|
||||
$('#companytree').treeview('selectNode', [treenode[j], { }]);
|
||||
$('#companytree').treeview('revealNode', [treenode[j], { silent: true }]);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
//待完善
|
||||
};
|
||||
}, 'json');
|
||||
|
||||
//防止点击树的+号收起下拉框
|
||||
$("#ul_tree").on("click", function (e) {
|
||||
event.stopPropagation();
|
||||
});
|
||||
//点击空白隐藏树
|
||||
$(document).click(function (e) {
|
||||
var divTree = $('#ul_tree'); // 设置目标区域
|
||||
if (!divTree.is(e.target) && divTree.has(e.target).length === 0) {
|
||||
divTree.hide()
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<div class="form-group form-inline" style="padding:0;margin-bottom: 0px;margin-bottom: 0px;height:40px">
|
||||
<ul id="companyselect" style="list-style-type:none;padding-left:0px;width:300px;margin-bottom: 0px;">
|
||||
<li class="dropdown" style="width:300px;">
|
||||
<!-- Menu toggle button -->
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" style="width:300px;"
|
||||
onclick="document.getElementById('ul_tree').style.display = 'block';">
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon"
|
||||
style="height:31px;color:#000000;border-top-left-radius: 4px;border-bottom-left-radius: 4px;font-weight:bold">公司:</span>
|
||||
<input class="form-control " id="cname_input" name="cname_input"
|
||||
style="height:31px;width: 220px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;cursor:pointer;"
|
||||
readonly />
|
||||
</div><!-- /input-group -->
|
||||
</a>
|
||||
<ul id="ul_tree" class="dropdown-menu" data-stopPropagation="true" style="border-color:#ccc;">
|
||||
<li class="header">
|
||||
<div id="companytree" style="width: 275px;height:400px;overflow-y:scroll;overflow-x:hidden;"></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="form-group " style="margin-bottom:10px;">
|
||||
<!-- -->
|
||||
<input id="company_id" name="company_id" type="hidden" />
|
||||
<span id="companyName" style="width:220px;border: none;background: transparent;"></span>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user