112
13693261870
2024-04-22 7e275acee90c914685ca53f04ec6a4b74e46abbf
Terra.YaoGan.Web/Terra.YaoGan.Web/checkbox.html
@@ -31,36 +31,74 @@
        }
        window.onload = function () {
            init();
        }
        function init() {
            var groups = ["2m影像", "16m影像", "植被覆盖度"];
            var select = document.getElementById("select");
            for (var i in groups) {
                var groupName = groups[i];
                var item = SGWorld.ProjectTree.FindItem(groupName);
                if (!item) continue;
                SGWorld.ProjectTree.SetVisibility(item, false);
                var names = getLayers(groupName);
                if (names.length) {
                    for (var i in names) {
                        var op = document.createElement("option");
                        op.text = groupName + "\\" + names[i];
                        if (0 == i) op.selected = true;
                        select.add(op);
                    }
                }
            }
            select.onchange = selectChanged;
            setImageLayer();
        }
        function getLayers(groupName) {
            var item = SGWorld.ProjectTree.FindItem(groupName);
            if (!item) return [];
            var names = [];
            var id = SGWorld.ProjectTree.GetNextItem(item, 11); // 11-CHILD
            while (id) {
                var name = SGWorld.ProjectTree.GetItemName(id);
                names.push(name);
                id = SGWorld.ProjectTree.GetNextItem(id, 13); // 13-NEXT
            }
            return names;
        }
        function selectChanged(e) {
            setImageLayer();
        }
        function setImageLayer() {
            var select = document.getElementById("select");
            var text = select.options[select.selectedIndex].text.replace("年", "");
        var lastItem = null;
            var item = SGWorld.ProjectTree.FindItem("多期数据");
            if (item) {
                SGWorld.ProjectTree.SetVisibility(item, false);
        function setImageLayer() {
            if (lastItem) {
                SGWorld.ProjectTree.SetVisibility(lastItem, false);
                lastItem = null;
            }
            item = SGWorld.ProjectTree.FindItem("多期数据\\" + text);
            var select = document.getElementById("select");
            var text = select.options[select.selectedIndex].text;
            var item = SGWorld.ProjectTree.FindItem(text);
            if (item) {
                SGWorld.ProjectTree.SetVisibility(item, true);
                lastItem = item;
            }
        }
    </script>
</head>
<body>
    <select id="select" style="width: 120px; text-align: center;" onchange="selectChanged(this);">
        <option selected="selected">2024年</option>
        <option>2023年</option>
        <option>2019年</option>
        <option>2015年</option>
        <option>2010年</option>
    </select><object id="SGWorld" classid="CLSID:3a4f9199-65a8-11d5-85c1-0001023952c1"></object>
    <select id="select" style="width: 170px; text-align: center;"></select><object id="SGWorld" classid="CLSID:3a4f9199-65a8-11d5-85c1-0001023952c1"></object>
</body>
</html>