前台代码：

<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. 更改新建Asp.net WebForm的模板 的方法

    C:\Program Files (x86)\Microsoft Visual Studio 11.0\Common7\IDE\ItemTemplates\CSharp\Web\2052\WebFor ...

  2. BZOJ1596: [Usaco2008 Jan]电话网络

    1596: [Usaco2008 Jan]电话网络 Time Limit: 10 Sec  Memory Limit: 162 MBSubmit: 513  Solved: 232[Submit][S ...

  3. Java---IO加强(3)-IO流的操作规律

    一般写关于操作文件的读取的几个通用步骤!!! 1.明确源和目的. 源:InputStream Reader 一定是被读取的. 目的:OutputStream Writer 一定是被写入的. 2.处理的 ...

  4. 可伸缩性/可扩展性(Scalable/scalability)

    原文地址:http://www.jdon.com/scalable.html 可伸缩性(可扩展性)是一种对软件系统计算处理能力的设计指标,高可伸缩性代表一种弹性,在系统扩展成长过程中,软件能够保证旺盛 ...

  5. bitree

    #include "stdio.h" #include "stdlib.h" #define OVERFLOW -1 #define ERROR -1 #def ...

  6. Mac 下tomcat的安装配置

    首先进去tomcat官网下载选择你要的版本 下载方法 下载完事之后解压到你想放的文件夹.我是把文件夹改名为tomcat.当然随意就好.然后授权命令如下: sudo chmod 你的用户名 Tomcat ...

  7. Docker 初级实践

    Docker 应用 优势 与虚拟相比Docker更加轻量高效,更加方便移植.虚拟机提供的是完整的操作系统环境,包含了大量类似硬件驱动.虚拟处理器.网络接口等等并不需要的信息,也需要比较长时间的启动,同 ...

  8. mongodb3.0 性能測试报告 一

    mongodb3.0 性能測试报告 一 mongodb3.0 性能測试报告 二 mongodb3.0 性能測试报告 三 測试环境: 服务器:X86 pcserver   共6台 cpu:  单颗8核 ...

  9. 神经网络和BP算法推导

    注意:绘画太难了,因为他们画,本文中的所有插图来自基本算法饺子机类.请勿转载 1.习模型: 事实上,基本上全部的基本机器学习模型都能够概括为下面的特征:依据某个函数,将输入计算并输出. 图形化表示为下 ...

  10. root用户改动普通用户文件

    首先使用别的用户登录入LINUX系统,切换成root用户.进入到须要改动的用户主文件夹,对该用户文件夹下的文件进行改动