140 lines
4.4 KiB
HTML
Executable File
140 lines
4.4 KiB
HTML
Executable File
<!DOCTYPE html >
|
|
<html xmlns=http://www.w3.org/1999/xhtml>
|
|
<head>
|
|
<title>
|
|
流程资产文件设计页面
|
|
</title>
|
|
<meta charset="UTF-8">
|
|
<link rel="stylesheet" type="text/css" href="../commons/js/jquery/themes/default/public.css">
|
|
<link rel="stylesheet" href="../commons/css/awsui.css"/>
|
|
<style>
|
|
|
|
.button.blue { background-color: #2375BE; border: 0 none; color: #FFFFFF; line-height: 18px; padding: 4px 21px; }
|
|
.button, .button:visited { background-image: none !important;}
|
|
</style>
|
|
</head>
|
|
<body style="overflow-x:hidden;">
|
|
<div style="padding:5px;height:265px;width:250px;float:left;overflow:auto;">
|
|
<input type="hidden" value="<#sid>" name="sid" >
|
|
<input type="hidden" value="<#attrType>" name="attrType" >
|
|
<ul id="tree" style="padding:5px 0px;">
|
|
</ul>
|
|
</div>
|
|
<script type="text/javascript" src="../commons/js/jquery/scripts/jquery.js"></script>
|
|
<script type="text/javascript" src="../commons/js/awsui.js"></script>
|
|
</body>
|
|
</html>
|
|
<script type="text/javascript">
|
|
var setting = {
|
|
checkbox:true,
|
|
autoHeight:true,
|
|
event : {
|
|
onCheck:onCheck
|
|
}
|
|
};
|
|
var checkTree;
|
|
var dataGroup = [];
|
|
|
|
var data =<#data>;
|
|
var selectIds = <#selectIds>;
|
|
setting.dataModel = {
|
|
data:data
|
|
};
|
|
$(document).ready(function(){
|
|
if (selectIds.length <= 0) {
|
|
$.simpleAlert("该形状无可选属性，请先在形状的数据属性中添加属性！", "warning",{mode:true});
|
|
}
|
|
getDataGroup();
|
|
controlCheck();
|
|
checkTree = awsui.tree.init($("#tree"), setting);
|
|
setQtip();
|
|
});
|
|
function getValue(){
|
|
var nodes = checkTree.getCheckedNodes();
|
|
var result = [];
|
|
//获取节点名称/可以拿数据源中已有的任何数据
|
|
for(var i = 0;i < nodes.length; i++){
|
|
result.push(nodes[i].name);
|
|
}
|
|
//去掉重复项
|
|
var data = [];
|
|
var obj = {};
|
|
for(var i = 0; i < result.length; i++){
|
|
obj[result[i]] = result[i];
|
|
}
|
|
for(key in obj){
|
|
if(obj.hasOwnProperty(key)){
|
|
data.push(key);
|
|
}
|
|
}
|
|
//$("#values").html(data.join(" , "));
|
|
return data;
|
|
}
|
|
function onCheck(ck){
|
|
//console.log("ck", ck);
|
|
var checkArray = checkTree.getCheckedNodes();
|
|
if (checkArray.length > 0) {
|
|
for (var i = 0; i < data.length; i++) {
|
|
var node = data[i];
|
|
if (!(node.id === checkArray[0].id)) {
|
|
node.nocheck = true;
|
|
}
|
|
}
|
|
//刷新树
|
|
setting.dataModel.data = data;
|
|
$("#tree").empty();
|
|
awsui.tree.init($("#tree"), setting);
|
|
var ids = [];
|
|
ids.push(checkArray[0].id);
|
|
checkTree.setCheckNodes(ids, true);
|
|
} else {
|
|
for (var i = 0; i < data.length; i++) {
|
|
var node = data[i];
|
|
if (selectIds.indexOf(node.id) >= 0 && !(dataGroup.indexOf(node.id) >= 0)) {
|
|
node.nocheck = false;
|
|
}
|
|
}
|
|
//刷新树
|
|
setting.dataModel.data = data;
|
|
$("#tree").empty();
|
|
awsui.tree.init($("#tree"), setting);
|
|
}
|
|
}
|
|
function toggleRoot(){
|
|
$.each(checkTree.getRootNode(),function(i,node){
|
|
checkTree.toggleCheck(node);
|
|
});
|
|
}
|
|
//获取属性组别id集合
|
|
function getDataGroup() {
|
|
for (var i = 0; i < data.length; i++) {
|
|
var node = data[i];
|
|
//过滤出属性组别
|
|
if (node.hasOwnProperty("open")) {
|
|
dataGroup.push(node.id);
|
|
}
|
|
}
|
|
}
|
|
//设置文字提示
|
|
function setQtip() {
|
|
//console.log("123", $("#tree").find("li"));
|
|
var lis = $("#tree").find("li");
|
|
for (var i = 0; i < lis.length; i++) {
|
|
lis[i].setAttribute("awsui-qtip", "属性选择为单选");
|
|
}
|
|
}
|
|
//控制多选不出现
|
|
function controlCheck(){
|
|
//处理没有选中的属性的多选框不出现
|
|
for (var i = 0; i < data.length; i++) {
|
|
var node = data[i];
|
|
if (!(selectIds.indexOf(node.id) >= 0)) {
|
|
node.nocheck = true;
|
|
}
|
|
if (dataGroup.indexOf(node.id) >= 0) {
|
|
node.nocheck = true;
|
|
}
|
|
}
|
|
}
|
|
</script>
|