This is a migrated thread and some comments may be shown as answers.

Unable to find treeview control using $find()

6 Answers 116 Views

TreeView

This is a migrated thread and some comments may be shown as answers.

6 Answers, 1 is accepted

answered on 03 Sep 2009, 10:27 AM

Thanks for your response.

Here is the aspx code, further help would be much appreciated.

Ta,

Ken

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CustomLink.aspx.cs" Inherits="ExtranetAdmin.CustomLink" %>

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
    <link href="res/styles/ExAdmin.css" rel="Stylesheet" type="text/css" />
    <link href="res/customSkins/TreeView.Extranet.css" rel="stylesheet" type="text/css" />
</head>
<body style="background-color:#EEF7FD;">
    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" Runat="server"></telerik:RadScriptManager>
        <telerik:RadTreeView ID="uiRadTreeView" Runat="server" EnableViewState="true" EnableEmbeddedSkins="false" Skin="Extranet" OnClientDoubleClick="NodeDoubleClick" style="white-space:normal">
        </telerik:RadTreeView>
    </form>
</body>
</html>

<script type="text/javascript">
    if (window.attachEvent)
    {
        window.attachEvent("onload", initDialog);
    }
    else if (window.addEventListener)
    {
        window.addEventListener("load", initDialog, false);
    }

    function getRadWindow()
    {
           if (window.radWindow)
        {
            return window.radWindow;
        }
        if (window.frameElement && window.frameElement.radWindow)
        {
            return window.frameElement.radWindow;
        }
        return null;
    }

    function initDialog()
    {
        var clientParameters = getRadWindow().ClientParameters; //return the arguments supplied from the parent page
        var link = clientParameters.html;

        var myString = clientParameters.href;
        //var search = myString.search;
        var mySplitResult = myString.split("&");

        var fileId = "";
        var nodeId = "";
        for (i = 0; i < mySplitResult.length; i++) {
            var mySecondSplitResult = mySplitResult[i].split("=");
            var paramName = mySecondSplitResult[0];
            var paramValue = mySecondSplitResult[1];

            if (paramName == "FileId") {
                fileId = paramValue;
            }
            else if (paramName == "NodeId") {
                nodeId = paramValue;
            }
        }

        //var form = document.getElementById("form1");
        //alert(form.childNodes.length);
        var treeview = $find("<%=uiRadTreeView.ClientID %>");

        if (link != undefined) {
            if (link.indexOf("FileId") > 0) {
                alert(fileId);
                //document.getElementById('uiRadMultiPage').set_selectedIndex(2);
            }
            else if (link.indexOf("NodeId") > 0) {
            alert(nodeId);
            var node = treeview.findNodeByValue(nodeId);
            node.get_parent().expand();
            node.select();

            //document.getElementById('uiRadMultiPage').set_selectedIndex(1);
            }
            else {
                //alert(clientParameters.href);
                document.getElementById('uiTxtLink').value = clientParameters.innerHTML;
                document.getElementById('uiTxtHref').value = clientParameters.href;
            }
        }
    }

    function NodeDoubleClick(sender, eventArgs) {

        var oArg = new Object();
        var node = eventArgs.get_node();
        var nodeText = node.get_text();
        var nodeId = node.get_value();

        oArg.type = "Node";
        oArg.target = "";
        oArg.linkText = nodeText;
        oArg.nodeId = nodeId;

        getRadWindow().close(oArg);
    }

    function uiBtnSelectDoc_ClientClick(sender, eventArgs) {

        var oArg = new Object();

        oArg.type = "Document";
        oArg.fileId = sender.fileid;
        oArg.target = "_blank";
        oArg.linkText = sender.title;

        getRadWindow().close(oArg);
    }

    function SubmitClick() {

        var oArg = new Object();

        oArg.type = "External";
        oArg.target = "_blank";
        oArg.linkText = document.getElementById('uiTxtLink').value;
        oArg.href = document.getElementById('uiTxtHref').value;

        getRadWindow().close(oArg);
    }
</script>

Accepted

answered on 03 Sep 2009, 10:34 AM

Hello Ken Jones,

Thank you for sending your code. It seems it is case number 2. The window.load event executes before ASP.NET Ajax controls are initialized. I suggest you use the pageLoad function which is called by the ASP.NET Ajax client-side runtime when everything is initialized:

function pageLoad() {
    initDialog();
}

Then remove the following code:
    if (window.attachEvent)
    {
        window.attachEvent("onload", initDialog);
    }
    else if (window.addEventListener)
    {
        window.addEventListener("load", initDialog, false);
    }

Regards,

Albert,

the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Unable to find treeview control using $find()

6 Answers, 1 is accepted