前台代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <style type="text/css">
    #middle{ top:0; left:0;background-color:#fff; position:absolute; z-index:2; filter:alpha(opacity=60); display:none;}
    #showTree{ width:300px; height:200px; position:fixed; z-index:2; display:none; border:1px solid red;}
    </style>
    <script type="text/javascript">
        function ShowDIv() {
            var txt = document.getElementById("txt");
            txt.blur();
            var divmid = document.getElementById("middle");
            divmid.style.display = "block";
            divmid.style.width = "100%";
            divmid.style.height = "100%";
            var divshow = document.getElementById("showTree");
            divshow.style.display = "block";
            divshow.style.left = txt.offsetLeft;
            divshow.style.top = txt.offsetTop;
            return false;
        }

function CloseDiv() {
            var divmid = document.getElementById("middle");
            divmid.style.display = "none";
            var divshow = document.getElementById("showTree");
            divshow.style.display = "none";
            return false;
        }

function TreeViewClick() {
            if (event.srcElement.innerText == "" || event.srcElement.length <= 0 || event.srcElement.nameProp == undefined) {
                return true;
            }
            var id = event.srcElement.id;
            var a = document.getElementById(id);
            var href = a.href;
            var index = href.indexOf("#");
            var retstr = href.substr(index + 1);
            //
            var ret = a.innerText;
            if (ret != "") {
                document.getElementById("txt").value = ret;
                document.getElementById("TextBox2").value = retstr;
                
                document.getElementById("HiddenField1").value = retstr;
            }
            return false;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:HiddenField ID="HiddenField1" runat="server" />
        <asp:Button ID="Button1" runat="server" Text="显示value" onclick="Button1_Click" />
    <br />
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <br />
    Text:<asp:TextBox ID="txt" runat="server" onfocus="return ShowDIv()"></asp:TextBox>
    <br />
    Value:
    <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
    </div>
    <div id="middle"></div>
    <div id="showTree">
    <br />
    <br />
    <input type="button" value="close" onclick="return CloseDiv()" />
        <asp:TreeView ID="TreeView1" runat="server">
        <Nodes>
        <asp:TreeNode Text="A" Value="0" NavigateUrl="#0">
        <asp:TreeNode Text="A1" Value="00" NavigateUrl="#00">
        <asp:TreeNode Text="A11" Value="000" NavigateUrl="#000"></asp:TreeNode>
        <asp:TreeNode Text="A12" Value="001" NavigateUrl="#001"></asp:TreeNode>
        </asp:TreeNode>
         <asp:TreeNode Text="A2" Value="01" NavigateUrl="#01"></asp:TreeNode>
          <asp:TreeNode Text="A3" Value="02" NavigateUrl="#02"></asp:TreeNode>
        </asp:TreeNode>
        <asp:TreeNode Text="B" Value="1" NavigateUrl="#1">
        <asp:TreeNode Text="B1" Value="10" NavigateUrl="#10"></asp:TreeNode>
         <asp:TreeNode Text="B2" Value="11" NavigateUrl="#11"></asp:TreeNode>
          <asp:TreeNode Text="B3" Value="12" NavigateUrl="#12"></asp:TreeNode>
        </asp:TreeNode>
        </Nodes>
        </asp:TreeView>
    </div>
    </form>
</body>
</html>

后台代码：

public partial class newpage_Default2 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        this.TreeView1.Attributes.Add("onclick", "return  TreeViewClick()");//增加特性，实现无自动回传
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        this.TextBox1.Text = this.HiddenField1.Value;
    }
}

TreeView无刷新获取text及value的更多相关文章

  1. ajax无刷新获取天气信息

    浏览器由于安全方面的问题,禁止ajax跨域请求其他网站的数据,但是可以再本地的服务器上获取其他服务器的信息,在通过ajax请求本地服务来实现: <?php header("conten ...

  2. ajax无刷新获取php后台数据

    $.ajax({ url:"result.php", //data:{"page":i}, dataType:"json", beforeS ...

  3. 基于JQuery+JSP的无数据库无刷新多人在线聊天室

    JQuery是一款非常强大的javascript插件,本文就针对Ajax前台和JSP后台来实现一个无刷新的多人在线聊天室,该实现的数据全部存储在服务端内存里,没有用到数据库,本文会提供所有源程序,需要 ...

  4. PHP + JavaScript + Ajax 实现无刷新页面加载效果

    数据源工厂 Json生成方式1 Json生成方式2 数据搬运工 数据加工师 转换类型 加工展示 结果展示 初始页面 点击按钮之后 总结 今天这个实验的思路就是实现一个无刷新的页面加载效果.具体的思路是 ...

  5. 【转】 ASP.NET使用ICallbackEventHandler无刷新验证用户名是否可用

    功能说明:当用户在用户名输入框输入字符并焦点离开此输入框时,自动到数据库用户表中验证此用户名是否已被注册,如果已被注册,显示[不可用],反之,显示[可用],期间页面不刷新,读者也可以考虑将提示文字换成 ...

  6. iframe无刷新跨域上传文件并获取返回值

    通常我们会有一个统一的上传接口,这个接口会被其他的服务调用.如果出现不同域,还需要无刷新上传文件,并且获取返回值,这就有点麻烦了.比如,新浪微博启用了新域名www.weibo.com,但接口还是使用原 ...

  7. javascript;Jquery;获取JSON对象，无刷新分页，异步加载，异步删除，实例。

    AjaxNewsList: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> < ...

  8. mvc file控件无刷新异步上传操作

    前言 上传文件应该是很常见必不可少的一个操作,网上也有很多提供的上传控件.今天遇到一个问题:input控件file无法进行异步无刷新上传.真真的感到别扭.所以就尝试这去处理了一下.主要分三个部分:上传 ...

  9. ajax 无刷新上传

    最近要做微信的图文上传,因为一个图文了表中可以有多个图文,所有按钮需要随时添加,所以做了一种无刷新上传的方法. 首先我们要在html页面中写上这样的几段代码 javascript: $(functio ...

随机推荐

  1. 使用Pull解析器生成XML文件和读取xml文件

    有些时候,我们需要生成一个XML文件,生成XML文件的方法有很多,如:可以只使用一个StringBuilder组拼XML内容,然后把内容写入到文件中:或者使用DOM API生成XML文件,或者也可以使 ...

  2. -_-#【Backbone】Router

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  3. POJ 1122 FDNY to the Rescue! Floyd 打印路径就行了

    题目大意: 纽约消防部门的支援速度是值得纽约人骄傲的一件事.但是他们想要最快的支援速度,帮助他们提升支援速度他们要调度离着火点最近的一个消防站.他们要你写一个程序来维护纽约消防站的光荣传统.软件需要有 ...

  4. Silverlight分享一套企业开发主题

    Silverlight分享一套企业开发主题 Silverlight默认主题时间长了,也视觉疲劳了,于是上网上找了下Silverlight主题.发现SL的主题并不多,下面这套JetPack主题还是SL4 ...

  5. DatabaseMetaData的用法【转载】

    一 . 得到这个对象的实例Connection con ;con = DriverManager.getConnection(url,userName,password);DatabaseMetaDa ...

  6. Going Home - poj 2195（最小费用流 | 二分匹配)

    题目大意:在一个网格里面有n个小男人和n个房子,现在想让每个小男人都有一个房子住,不过每个人移动一下都需要花费￥1,现在求出来最小的总花费.ps:可以认为网格的每个点都是很大的广场并且容纳所有的人,人 ...

  7. 【Python排序搜索基本算法】之Dijkstra算法

    Dijkstra算法和前一篇的Prim算法非常像,区别就在于Dijkstra算法向最短路径树(SPT)中添加顶点的时候,是按照ta与源点的距离顺序进行的.OSPF动态路由协议就是用的Dijkstra算 ...

  8. python_Opencv_图像的基础操作

    目标 获取像素值并修改 获取图像的属性(信息) 图像的ROI() 图像通道的拆分及合并 为图像扩充边缘 几乎所有以上的操作,与Numpy 的关系都比与OpenCV 的关系更加紧密,因此熟练Numpy ...

  9. Object-C @synthesize -- 笔记

  10. ubuntu eclipse CDT 问题

    问题一:ubuntu eclipse c++ launch failed binary not found 解决:建完项目后 查看在项目中是不是有debug目录,说明没有编译.仅仅是须要做例如以下操作 ...