DropDownTree findItemByValue method not found

[Jerome MAILLEY]

Hi,

I'm using in an Asp application the DropDownTree web control.

According to your documentation, I wrote the following code :

function SelectNode(datakeyValue){
      var combo = $find("<%= RadDropDownTree.ClientID %>");
      var itm = combo.findItemByValue(dataKeyValue);
      itm.select();
      itm.set_checked(true);
}

 

However, IE displays an error message which says that the method « findItemByValue » is not found.

Thanks for your help,

Regards

[Marin Bratanov]

Hello Jerome,

The linked article is for the DropDownList control, not for the DropDownTree control.

With the DropDownTree, you should go through the RadTreeView:

• how to access it: http://docs.telerik.com/devtools/aspnet-ajax/controls/dropdowntree/how-to/accessing-the-embedded-tree#client-side.
• its API: http://docs.telerik.com/devtools/aspnet-ajax/controls/treeview/client-side-programming/objects/radtreeview.

Here is an example:

<telerik:RadDropDownTree ID="RadDropDownTree1"
                         runat="server"
                         CheckBoxes="SingleCheck"
                         EnableFiltering="True"
                         ExpandNodeOnSingleClick="True"
                         Skin="Metro">
    <DropDownSettings AutoWidth="Enabled"
                      OpenDropDownOnLoad="True" />
    <ButtonSettings ShowCheckAll="True" />
    <FilterSettings Highlight="None"
                    EmptyMessage="Search for a tree node..."></FilterSettings>
</telerik:RadDropDownTree>
<script>
    function pageLoad() {
        var dropdowntree1 = $find("<%=RadDropDownTree1.ClientID%>");
        var tree = dropdowntree1.get_embeddedTree();
        var node = tree.findNodeByValue("World_Continents");
        if (node) {
            node.select();
        }
    }
</script>

    protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        RadDropDownTree1.DataFieldID = "ID";
        RadDropDownTree1.DataFieldParentID = "ParentID";
        RadDropDownTree1.DataValueField = "Value";
        RadDropDownTree1.DataTextField = "Text";
        RadDropDownTree1.DataSource = GetData();
        RadDropDownTree1.DataBind();
    }
}

public DataTable GetData()
{
    DataTable table = new DataTable();
    table.Columns.Add("ID");
    table.Columns.Add("ParentID");
    table.Columns.Add("Value");
    table.Columns.Add("Text");

    table.Rows.Add(new String[] { "1", null, "World_Continents", "World Continents" });
    table.Rows.Add(new String[] { "2", null, "World_Oceans", "World Oceans" });

    table.Rows.Add(new String[] { "3", "1", "Asia", "Asia" });
    table.Rows.Add(new String[] { "4", "1", "Africa", "Africa" });
    table.Rows.Add(new String[] { "5", "1", "Australia", "Australia" });
    table.Rows.Add(new String[] { "6", "1", "Europe", "Europe" });
    table.Rows.Add(new String[] { "7", "1", "North_America", "North America" });
    table.Rows.Add(new String[] { "8", "1", "South_America", "South America" });

    table.Rows.Add(new String[] { "9", "2", "Arctic_Ocean", "Arctic Ocean" });
    table.Rows.Add(new String[] { "10", "2", "Atlantic_Ocean", "Atlantic Ocean" });
    table.Rows.Add(new String[] { "11", "2", "Indian_Ocean", "Indian Ocean" });
    table.Rows.Add(new String[] { "12", "2", "Pacific_Ocean", "Pacific Ocean" });
    table.Rows.Add(new String[] { "13", "2", "South_Ocean", "SouthOcean" });

    return table;
}

Regards,

Marin Bratanov
Telerik by Progress