主页 > 知识库 > TreeView无刷新获取text及value实现代码

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

热门标签:国美全国运营中心 网站排名优化 科大讯飞语音识别系统 客户服务 电商新玩法 人工智能 电销业务 百度AI接口
前台代码:
复制代码 代码如下:

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使用方法

标签:益阳 攀枝花 枣庄 咸宁 南平 POS机 厦门 拉萨

巨人网络通讯声明:本文标题《TreeView无刷新获取text及value实现代码》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266