92 lines
4.3 KiB
Plaintext
92 lines
4.3 KiB
Plaintext
<!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> |