• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    TreeView无刷新获取text及value实现代码
    前台代码:
    复制代码 代码如下:

    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;
        }
    }
    您可能感兴趣的文章:
    • Javascript 实现TreeView CheckBox全选效果
    • c++ builder TreeView控件节点遍历代码
    • C# TreeView读取数据库简单实例
    • c#的treeview绑定和获取值的方法
    • treeview递归绑定的两种方法
    • C#实现treeview绑定的方法
    • C#中TreeView节点的自定义绘制方法
    • C++ CTreeview的checkbox使用方法
    上一篇:silverlight用webclient大文件上传的实例代码
    下一篇:数据绑定之DataFormatString使用介绍
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    TreeView无刷新获取text及value实现代码 TreeView,无,刷新,获取,text,