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>
|