Question

我在网络表单应用程序上有一个树视图。

我有每次在树视图中点击时调用的javascript函数：

<script type="text/javascript">
              function OnTreeClick(evt) {
                  var src = window.event != window.undefined ? window.event.srcElement : evt.target;
                  var nodeClick = src.tagName.toLowerCase() == "a";
                  if (nodeClick) {
                      var nodeText = src.innerText;
                      var nodeValue = GetNodeValue(src);
                      alert("Text: " + nodeText + "," + "Value: " + nodeValue);
                  }
                  //return false; //uncomment this if you do not want postback on node click
              }
              function GetNodeValue(node) {
                  //node value
                  var nodeValue = "";
                  var nodePath = node.href.substring(node.href.indexOf(",") + 2, node.href.length - 2);
                  var nodeValues = nodePath.split("\\");
                  if (nodeValues.length > 1)
                      nodeValue = nodeValues[nodeValues.length - 1];
                  else
                      nodeValue = nodeValues[0].substr(1); return nodeValue;
              }
</script>

问题：如何识别用户是否点击了树状视图中的复选框？以及如何检索旁边的文字？

这是树视图的标记：

 <asp:TreeView ID="TreeView1" runat="server" ShowLines="True" 
        onselectednodechanged="TreeView1_SelectedNodeChanged" 
        ontreenodecheckchanged="TreeView1_TreeNodeCheckChanged" CssClass="mytreeview"
        >
        <Nodes>
            <asp:TreeNode Text="PreAnalytical" Value="PreAnalytical">
                <asp:TreeNode Text="Labels" Value="Labels">
                    <asp:TreeNode Text="Specimen collection device mislabeled/unlabeled by practice" 
                        Value="Specimen collection device mislabeled/unlabeled by practice" 
                        ShowCheckBox="True">
                    </asp:TreeNode>
                    <asp:TreeNode Text="Specimen mislabeled: in-house error (Lab or DE)" 
                        Value="Specimen mislabeled: in-house error (Lab or DE)" 
                        ShowCheckBox="True"></asp:TreeNode>
                </asp:TreeNode>
                <asp:TreeNode Text="Test Requisitions" Value="Test Requisitions">
                    <asp:TreeNode Text="Missing: no form sent with specimen" 
                        Value="Missing: no form sent with specimen" ShowCheckBox="True"></asp:TreeNode>
                    <asp:TreeNode Text="Wrong (i.e. OT instead of ORAL, sister practice)" 
                        Value="Wrong (i.e. OT instead of ORAL, sister practice)" 
                        ShowCheckBox="True"></asp:TreeNode>
                    <asp:TreeNode Text="Other: Non-ML" Value="Other: Non-ML" ShowCheckBox="True"></asp:TreeNode>
                    <asp:TreeNode Text="Copies Received: New ID/Req. assigned" 
                        Value="Copies Received: New ID/Req. assigned" ShowCheckBox="True"></asp:TreeNode>
                    <asp:TreeNode Text="Incomplete/Blank Requisition Form" 
                        Value="Incomplete/Blank Requisition Form" ShowCheckBox="True"></asp:TreeNode>
                    <asp:TreeNode Text="2 Specimens: 1 Req" Value="2 Specimens: 1 Req" 
                        ShowCheckBox="True">
                    </asp:TreeNode>
                    <asp:TreeNode Text="2 Reqs: 1 Specimen" Value="2 Reqs: 1 Specimen" 
                        ShowCheckBox="True">
                    </asp:TreeNode>
                </asp:TreeNode>
                <asp:TreeNode Text="Validity" Value="Need POC Results Confirmed">
                    <asp:TreeNode Text="Need POC Results Confirmed" Value="New Node"></asp:TreeNode>
                    <asp:TreeNode Text="POC Results Marked Incorrectly" Value="New Node">
                    </asp:TreeNode>
                    <asp:TreeNode Text="No Tests Ordered" Value="New Node"></asp:TreeNode>
                    <asp:TreeNode Text="SEC A Unclear" Value="New Node"></asp:TreeNode>
                </asp:TreeNode>
                <asp:TreeNode Text="Sales" Value="Sales">
                    <asp:TreeNode Text="Practice is not entered in database" Value="New Node">
                    </asp:TreeNode>
                    <asp:TreeNode Text="CP has not been updated" Value="New Node"></asp:TreeNode>
                </asp:TreeNode>
                <asp:TreeNode Text="Other" Value="Other">
                    <asp:TreeNode Text="Other" Value="New Node"></asp:TreeNode>
                </asp:TreeNode>
            </asp:TreeNode>
            <asp:TreeNode Text="Analytical" Value="Analytical"></asp:TreeNode>
            <asp:TreeNode Text="Post-Analytical" Value="Post-Analytical"></asp:TreeNode>
            <asp:TreeNode Text="Other" Value="Other"></asp:TreeNode>
        </Nodes>
    </asp:TreeView>

Answer 1

function check_OnTreeNodeChecked(event)
{
    var TreeNode = event.srcElement || event.target ;
    if (TreeNode.tagName == "INPUT" && TreeNode.type == "checkbox")
    {
        if(TreeNode.checked)
        {
            //Do whatever here
        }
    }
}

然后使用treeview onclick事件附加此功能：

private void Page_PreRender(object sender, EventArgs e)
{
    TreeView1.Attributes.Add("OnClick", "check_OnTreeNodeChecked(event)");
}

asp.net javascript：获取treeview的innertext

1 个答案: