JavaScript DOM学习(2)

最新推荐文章于 2024-10-07 17:02:56 发布

lenlg

最新推荐文章于 2024-10-07 17:02:56 发布

阅读量104

点赞数

分类专栏： JavaScript 文章标签： JavaScript ASP Microsoft Web XML ViewUI

本文链接：https://blog.csdn.net/lenlg/article/details/83263022

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

    // 设置超链接的颜色和样式
    document.alinkColor="green";
    document.vlinkColor="green";
    document.getElementById("TreeView1").style.textDecoration = "none";
    // 每个树节点被点击时要执行的代码，把传进来的值填写到文本框中。
    function setValue(val)
    {
        document.getElementById("TextBox1").value=val;
        document.getElementById("dd").style.display="none";
    }
    // 当点击按钮的时候显示或隐藏所在的层
    function showtree()
    {
        var s = document.getElementById("dd");
        if(s.style.display == 'none')
        {
            s.style.display = 'block';
        }
        else
        {
            s.style.display = 'none';
        }
        return false;
    }

    <form id="form1" runat="server">
    <div>
        所在地：<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return showtree()" />
        <div id="dd" style="background-color:#ccffcc; border-width:1px; border-color:Silver; border-style:solid; height:100px; overflow:auto; width:150px; position:absolute; z-index:1; display:none;">
            <asp:TreeView ID="TreeView1" runat="server" DataSourceID="SiteMapDataSource1" EnableViewState="False" ExpandDepth="10" ImageSet="Arrows"  />
            <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
        </div><br />
        <asp:Button ID="Button2" runat="server" Text="确定" />
        <br />
        <br />
        <br />
        <br />
        <br />
        实现思路：利用DotNet中的树型控件(TreeView)和JavaScript，对具有复杂结构的输入内容简化输入。</div>
    </form>

<?xml version="1.0" encoding="utf-8" ?>
<!--
在web.sitemap文件中，每一个siteMapNode属性代表树的节点指向的目标网页的地址，
但在这里面我们不想在点击树的节点的时候转向其它页面，而是要把选中节点的内容填写到文本框中，
所以我们把每一个siteMapNode节点的url属性中加入javascript代码，执行填写文本框的操作。
-->
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
    <siteMapNode url="" title="中国"  description="">
      <siteMapNode url="" title="山东"  description="">
        <siteMapNode url="javascript:setValue(山东济南)" title="山东济南" />
        <siteMapNode url="javascript:setValue(山东青岛)" title="山东青岛" />
        <siteMapNode url="javascript:setValue(山东临沂)" title="山东临沂" />
      </siteMapNode>
      <siteMapNode url="" title="江苏">
        <siteMapNode url="javascript:setValue(江苏南京)" title="江苏南京" />
        <siteMapNode url="javascript:setValue(江苏苏州)" title="江苏苏州" />
        <siteMapNode url="javascript:setValue(江苏镇江)" title="江苏镇江" />
      </siteMapNode>
      <siteMapNode url="" title="云南">
        <siteMapNode url="javascript:setValue(云南昆明)" title="云南昆明" />
        <siteMapNode url="javascript:setValue(云南大理)" title="云南大理" />
        <siteMapNode url="javascript:setValue(云南丽江)" title="云南丽江" />
      </siteMapNode>
    </siteMapNode>
</siteMap>