Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

Docking In Datalists

2 Answers 37 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Matt
Top achievements
Rank 1
Matt asked on 23 Sep 2010, 12:10 AM
Hey guys and gals,

First time posting here - but I'm thus far really liking all the products. In fact, I'll probably pick up the control pack if everything works out.

In any case, I'm a bit of a noob with all this and was looking for a solution to my issue. This situation:

I have a Stand-Alone Zone and a Datalist which has a Zone and Dock in each populated row. The end-all is that the user will populate the Stand-Alone with his/her selection from the Datalist.

I loaded everything in, ran it, and got an error.

 """"The ID of RadDock with ID='RadDock1' is not unique to RadDockLayout with ID='RadDockLayout1'. Please, set the UniqueName property of RadDock with ID='RadDock1' with a value, which is unique to RadDockLayout with ID='RadDockLayout1'."""""

So - I'm pretty sure I'm just not adding a spot of code somewhere or something. Anyhoo - is there anyone out there who could give me a hand with the solution?

I greatly appreciate it!
Thanks in advance.

Regards,

Matt

2 Answers, 1 is accepted

Sort by
0
Pero
Telerik team
answered on 24 Sep 2010, 07:50 AM
Hi Matt,

The RadDockLayout controls expects every dock inside to have a different UniqueName. If the UniqueName is not specified (I assume you have not specified the UniqueName), the RadDockLayout will use the ID of the dock. In the DataList control, all the docks have one and the same ID, but belong to a different INamingContainers. So, that's why an exception will be thrown, because the DockLayout sees that all docks have the same id.
To resolve the issue, you can dynamically assign the UniqueName of every dock in the DataList, to the dock's UniqueID. For your convenience, I have created a sample project, that uses this approach. Here is the full source code:

ASPX
<%@ 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">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="RadScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:Button ID="Button1" runat="server" Text="Postback" />
    <div>
        <telerik:RadDockLayout ID="RadDockLayout1" runat="server">
            <asp:DataList ID="ItemsList" BorderColor="black" CellPadding="5" CellSpacing="5"
                RepeatDirection="Vertical" RepeatLayout="Table" RepeatColumns="3" runat="server">
                <HeaderStyle BackColor="#aaaadd"></HeaderStyle>
                <AlternatingItemStyle BackColor="Gainsboro"></AlternatingItemStyle>
                <HeaderTemplate>
                    List of items
                </HeaderTemplate>
                <ItemTemplate>
                    <telerik:RadDockZone ID="RadDockZone1" runat="server" Width="300px">
                        <telerik:RadDock ID="RadDock1" runat="server" Title="Dock">
                            <ContentTemplate>
                                Some Content
                            </ContentTemplate>
                        </telerik:RadDock>
                    </telerik:RadDockZone>
                </ItemTemplate>
            </asp:DataList>
            <telerik:RadDockZone ID="RadDockZone1" runat="server" MinHeight="300px" Width="300px">
                <telerik:RadDock ID="RadDock2" runat="server" Title="RadDock-Title" Width="300px">
                    <ContentTemplate>
                        <br />
                        <br />
                        <br />
                        <br />
                        <br />
                        CONTENT
                        <br />
                        <br />
                        <br />
                        <br />
                        <br />
                    </ContentTemplate>
                </telerik:RadDock>
            </telerik:RadDockZone>
        </telerik:RadDockLayout>
    </div>
    </form>
</body>
</html>

CS
using System;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
 
using System.Data;
using System.Configuration;
using System.Web.Security;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using Telerik.Web.UI;
using System.Collections;
 
public partial class Default : System.Web.UI.Page
{
    protected void Page_Load(Object sender, EventArgs e)
    {
        // Load sample data only once, when the page is first loaded.
        if (!IsPostBack)
        {
            ItemsList.DataSource = new string[] { "1", "2", "3", "4", "5", "1", "2", "3", "4" };
            ItemsList.DataBind();
 
            foreach (DataListItem item in ItemsList.Items)
            {
                RadDock dock = item.FindControl("RadDockZone1").Controls[0] as RadDock;
                dock.UniqueName = dock.UniqueID;
 
            }
        }
    }
 
}


Best wishes,
Pero
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Matt
Top achievements
Rank 1
answered on 13 Oct 2010, 10:04 PM
This worked GREAT! Thanks for the feedback!
Tags
Dock
Asked by
Matt
Top achievements
Rank 1
Answers by
Pero
Telerik team
Matt
Top achievements
Rank 1
Share this question
or