【一个神奇的问题】Treeview控件中如何取得每个节点的Value-CSDN论坛

⋅+++求网络同步传输软件 ⋅【一个神奇的问题】Treeview控件中如何取得每个节点的Value ⋅★在Exchange2007中这样的转送规则如何设置？？？ 更多帖子 关注私信空间博客 ksmark 本版专家分：306 结帖率 99.5%: 我用了一个Treeview控件，在页面中加载了我所有的节点。
用js的方法取每个节点的value。目的就是通过取得的value用ajax方法来判断此人是否有权限打开这个目录。
取节点value的代码如下：

<script language ="javascript" type ="text/javascript" >
        function TView_Click() {
            var obj = event.srcElement;
            alert(obj.href);//我想，此处就是取得节点的value吧。网上是这么写的。但是我的value不是放在NavigateUrl中的，我直接赋值给节点的value的。所以当点击最后一个节点时，显示出来的都是url地址，不是我要的value值。
//也就是说我如何在js代码中取到每个节点的value值。是不是除了放在NavigateUrl中，其它地方都取不到呢？
             。。。接下来的代码还没有写，因为这一步还没有实现，下载就不好写了。

        }


    </script>

前台代码，在Page_Load()中，我加了下面的代码，来实现点击Treeview来执行js代码。

  TView.Attributes.Add("onclick", "TView_Click();");

0 2012-02-13 16:28:04

回复数 10 只看楼主引用举报楼主

⋅+++求网络同步传输软件 ⋅【一个神奇的问题】Treeview控件中如何取得每个节点的Value ⋅★在Exchange2007中这样的转送规则如何设置？？？ 更多帖子 关注私信空间博客 ksmark 本版专家分：306: 我打开有 treeview页面的html的源代码。
发现

只要不是最后一层节点，都是有 href="javascript:__doPostBack('TView','s\\200\\201')" 这样一句代码的

只要是最后一层节点就只有链接。 <a class="TView_0" href="jishu/Master/MstCASNO.aspx" target="Right" id="TViewt20">CASNOマスター</a> 像这样的代码。

所以当点击不是最后一层节点时都能跳出来类似 s\\200\\201 的字符串。

导致我还以为我能够取到每个节点的value值呢。

还是回到我的问题，我怎么取到节点中的value值呢？

0 2012-02-13 16:45:16

只看TA 引用举报 #1 得分 0

⋅===========在JS中查找文本框中的文字并选中========= ⋅申请涨工资不给涨,想辞职了.... ⋅【分享】Js俄罗斯方块 更多帖子 关注私信空间博客 兔子党理事 本版专家分：51698 黄花 2011年8月 .NET技术大版内专家分月排行榜第二

<body>

    <form id="form1" runat="server">

    <asp:TreeView ID="TreeView1" runat="server">

        <Nodes>

            <asp:TreeNode ShowCheckBox="True" Text="FirstText" Value="FirstValue">

                <asp:TreeNode ShowCheckBox="True" Text="ThirdText" Value="ThirdValue">

                    <asp:TreeNode ShowCheckBox="True" Text="FourText" Value="FourValue">

                    </asp:TreeNode>

                </asp:TreeNode>

            </asp:TreeNode>

            <asp:TreeNode ShowCheckBox="True" Text="SecondText" Value="SecondValue">

            </asp:TreeNode>

        </Nodes>

    </asp:TreeView>

    <input id="Button1" type="button" value="button" />

    <script type="text/javascript">

        document.getElementById("Button1").onclick=function(){

            var textArr = [],

                valueArr = [];

            var NP;

            var reg = /javascript:__doPostBack\('[^']+','s?(?:[^\\]*\\\\)*([^']+)'\)/i;

            var input = document.getElementsByTagName("input");

            for(var i=0;i<input.length;i++){

                if(input[i].type=="checkbox"&&input[i].checked){

                    textArr.push(input[i].title)

                    NP = input[i].nextSibling;

                    while(NP.tagName!="A"){

                        NP = NP.nextSibling;

                    }

                    valueArr.push(reg.exec(NP.href)[1])

                }

            }

            alert(textArr)

            alert(valueArr)

        }

    </script>

    </form>

</body>

0 2012-02-13 17:26:53

只看TA 引用举报 #2 得分 0

cheery_an 本版专家分：456: TreeView1.Nodes[0].Value可以取到，但是只能在后台使用。

0 2012-02-13 17:34:09

只看TA 引用举报 #3 得分 5

⋅+++求网络同步传输软件 ⋅【一个神奇的问题】Treeview控件中如何取得每个节点的Value ⋅★在Exchange2007中这样的转送规则如何设置？？？ 更多帖子 关注私信空间博客 ksmark 本版专家分：306: 3楼：我想在前台使用啊。

2楼：在treeview中我没有用checkbox。直接前面就是加号或者减号。

0 2012-02-13 18:36:59

只看TA 引用举报 #4 得分 0

⋅===========在JS中查找文本框中的文字并选中========= ⋅申请涨工资不给涨,想辞职了.... ⋅【分享】Js俄罗斯方块 更多帖子 关注私信空间博客 兔子党理事 本版专家分：51698 黄花 2011年8月 .NET技术大版内专家分月排行榜第二

在ie6和ff3.6测试可以，你在其他浏览器测试看看，怕其中的parentNode nextSibling等有些空格的话不同浏览器获取到的不一样，不过Treeview系统自动生成那些html代码，估计是不会！



    <form id="form1" runat="server">

    <asp:TreeView ID="TreeView1" runat="server">

        <Nodes>

            <asp:TreeNode Text="FirstText" Value="FirstValue">

                <asp:TreeNode Text="ThirdText" Value="ThirdValue">

                    <asp:TreeNode Text="FourText" Value="FourValue">

                    </asp:TreeNode>

                </asp:TreeNode>

            </asp:TreeNode>

            <asp:TreeNode Text="SecondText" Value="SecondValue">

            </asp:TreeNode>

        </Nodes>

    </asp:TreeView>

    <script type="text/javascript">            

        var reg = /javascript:__doPostBack\('[^']+','s?(?:[^\\]*\\\\)*([^']+)'\)/i;

        var tv = document.getElementById("TreeView1").getElementsByTagName("a");

        for(var i=0;i<tv.length;i++){

            if(!tv[i].getAttribute("onclick")){

                tv[i].onclick=function(){

                    this.href="javascript:void(0)";

                    var nt = this.parentNode.nextSibling.firstChild;

                    alert(reg.exec(nt.href)[1]+"=="+nt.innerHTML)

                }

            }

        }         

    </script>

    </form>

0 2012-02-13 23:25:50

只看TA 引用举报 #5 得分 0

⋅+++求网络同步传输软件 ⋅【一个神奇的问题】Treeview控件中如何取得每个节点的Value ⋅★在Exchange2007中这样的转送规则如何设置？？？ 更多帖子 关注私信空间博客 ksmark 本版专家分：306: var tv = document.getElementById("TreeView1").getElementsByTagName("a"); 运行到这一步的时候出现下面的错误。
注：我把TreeView1改成了我自己控件的ID（"TView"）。
var tv = document.getElementById("TView").getElementsByTagName("a");

错误提示：
Microsoft JScript 运行时错误: 'document.getElementById(...)' 为空或不是对象

0 2012-02-14 08:59:02

只看TA 引用举报 #6 得分 0

⋅===========在JS中查找文本框中的文字并选中========= ⋅申请涨工资不给涨,想辞职了.... ⋅【分享】Js俄罗斯方块 更多帖子 关注私信空间博客 兔子党理事 本版专家分：51698 黄花 2011年8月 .NET技术大版内专家分月排行榜第二



    <form id="form2" runat="server">

    <asp:TreeView ID="TView" runat="server">

        <Nodes>

            <asp:TreeNode Text="FirstText" Value="FirstValue">

                <asp:TreeNode Text="ThirdText" Value="ThirdValue">

                    <asp:TreeNode Text="FourText" Value="FourValue">

                    </asp:TreeNode>

                </asp:TreeNode>

            </asp:TreeNode>

            <asp:TreeNode Text="SecondText" Value="SecondValue">

            </asp:TreeNode>

        </Nodes>

    </asp:TreeView>

    <script type="text/javascript">            

        var reg = /javascript:__doPostBack\('[^']+','s?(?:[^\\]*\\\\)*([^']+)'\)/i;

        var tv = document.getElementById("TView").getElementsByTagName("a");

        for(var i=0;i<tv.length;i++){

            if(!tv[i].getAttribute("onclick")){

                tv[i].onclick=function(){

                    var temp = this.href;

                    this.href="javascript:void(0)";

                    var nt = this.parentNode.nextSibling.firstChild;

                    alert(reg.exec(nt.href)[1]+"=="+nt.innerHTML)

                    this.href=temp;

                }

            }

        }         

    </script>

    </form>

测试了下，没问题额，你js放在哪？不要放在Treeview的前面，你放在treeview的后面或者window.onload里。
上面把原本的默认href设为javascript:void(0)，这里修改过来了，修改为原来的默认函数。

0 2012-02-14 09:41:29

只看TA 引用举报 #7 得分 35

⋅+++求网络同步传输软件 ⋅【一个神奇的问题】Treeview控件中如何取得每个节点的Value ⋅★在Exchange2007中这样的转送规则如何设置？？？ 更多帖子 关注私信空间博客 ksmark 本版专家分：306: 还是不行，我把它放在form的onclick事件中，onclick ="test()"

还有，我不知道你说的 this.href="javascript:void(0)"; 改成自己的函数，不知道怎么改，我的节点上的连接都是在后台给添加的。不是在前台。

原本我是把您的代码房子TView的onclick事件中,结果就报错了，按照您说的放在它之后，也出现相同的错误。

另外我还想咨询一下您啊。

我在点击节点时，通过ajax的方式，来判断他是否有打开权限，结果代码都可以正常运行的。但是第一次点击节点时ajax代码不运行，只有在第二次点击时才运行。这是怎么回事啊。
我是把你的代码注释后，在把我的ajax代码放入TView的onclick事件中的。

0 2012-02-14 12:02:20

只看TA 引用举报 #8 得分 0

⋅===========在JS中查找文本框中的文字并选中========= ⋅申请涨工资不给涨,想辞职了.... ⋅【分享】Js俄罗斯方块 更多帖子 关注私信空间博客 兔子党理事 本版专家分：51698 黄花 2011年8月 .NET技术大版内专家分月排行榜第二: 引用 8 楼 mark3798 的回复:
还是不行，我把它放在form的onclick事件中，onclick ="test()"

还有，我不知道你说的 this.href="javascript:void(0)"; 改成自己的函数，不知道怎么改，我的节点上的连接都是在后台给添加的。不是在前台。

原本我是把您的代码房子TView的onclick事件中,结果就报错了，按照您说的放在它之后，也出现相同的错误。

另外我还想咨询一……
你帖你的代码上来看看。我这边测试没问题。或者你把上面单独放到页面中试试看。

0 2012-02-14 13:51:47

只看TA 引用举报 #9 得分 0

⋅+++求网络同步传输软件 ⋅【一个神奇的问题】Treeview控件中如何取得每个节点的Value ⋅★在Exchange2007中这样的转送规则如何设置？？？ 更多帖子 关注私信空间博客 ksmark 本版专家分：306: 在js端控制treeview确实太困难了，最后我还是选择了在后台事件中做了。
不过就是treeview每次都要刷新。
没有办法，事件紧迫，这个礼拜要交东西，所以先把任务完成，以后再研究。
感谢楼上的兄弟。

等这个任务交掉，我还要研究的，可否加我为好友。57766476

0 2012-02-14 20:40:21

只看TA 引用举报 #10 得分 0

【一个神奇的问题】Treeview控件中如何取得每个节点的Value [问题点数：40分，结帖人mark3798]