My existing application creates the controls in code and add them to the toolbar so I want to create the controls and add them to the templates:

        chkShowDescendantRecords = New CheckBox
        With chkShowDescendantRecords
            .AutoPostBack = True
            .CssClass = CssClass.ToolBarCheckBox
            .ID = "chkShowDescendantRecords"
            .Text = "Show Descendant Records"
            .LabelAttributes.Add("hideFocus", "true")
            .Checked = GetSessionBoolean(SessionVariable.ExplorerShowDescendants)
        End With
        WebDataMenu1.Templates.Item(0).Controls.Add(chkShowDescendantRecords)

The code runs ok but the checkbox control does not appear in the webdatamenu. 

Is there away to get this to work?

Thanks 

Andy

Hello Andy,

For your first issue with retreiving the object, $find is probably returning null because the WebDataMenu isn't instantiated on the client when your function is called. AJAX controls are initialized after the page is loaded, so you would need to wait until later in the page's life-cycle to obtain it.

If possible for you, I recommend using the WebDataMenu's client side Initialize event to call your function and using $find("<%= WebDataMenu1.ClientID %>") should return the correct object.

As for adding the controls to the template, that code looks fine. I tried the same code, and was able to reproduce the issue. I'll need to look into it a little bit further and should have an answer for you by the end of Friday.

If you have any further questions or concerns, please let me know and I'll be glad to help.

Hi Andy,

The developer says you can create your own template and add controls to it as you desire with the following code:

If you have any other questions about this matter, please feel free to ask.

Is this the same issue as IntegraXP, that is the dropdownlist cannot get focus? This is a critical issue for us now as the toolbars are used in many pages and there is no alternative but to use the webdatamenu..

Sorry lost some fomatting on last post:

I define the dropdownlist controls in the aspx.

      <ig:WebDataMenu ID="WebDataMenu1" runat="server" StyleSetName="Claymation" Width="100%"
                    EnableScrolling="False">
                    <GroupSettings Orientation="Horizontal" />
                    <Items>
                        <ig:DataMenuItem TemplateId="tmpContact" Text="Root Item">
                        </ig:DataMenuItem>
                        <ig:DataMenuItem Key="Refresh" ImageUrl="./images/webtoolbar/NewRisk.gif" Text="Refresh">
                        </ig:DataMenuItem>
                    </Items>
                    <Templates>
                        <ig:ItemTemplate ID="itmpContact" runat="server" TemplateID="tmpContact">
                            <Template>
                                <asp:DropDownList ID="ddlContact" runat="server" CssClass="dropdownlist" DataTextField="Name"
                                    DataValueField="Code" Width="400px">
                                </asp:DropDownList>
                            </Template>
                        </ig:ItemTemplate>
                    </Templates>
                </ig:WebDataMenu>

I use code from your example above to get the reference to the templated control. I have tried this in Page_Load and Page_InitComplete. The reference is set and I add a handler to the control.

        ddlContact = CType(GetTemplatedControl(WebDataMenu1, "ddlContact"), DropDownList)
        AddHandler ddlContact.SelectedIndexChanged, AddressOf ddlContact_SelectedIndexChanged

But when I click on the dropdownlist it drops down and immediately disappears. The server event
WebDataMenu1_ItemClick is fired and it never fires the ddlContact_SelectedIndexChanged handler.

Any idea why this is happening? If I switch off the autopostback on the menu it still happens.
Any examples of how to implement dropdownlists as templates inside a webdatamenu?

I define the dropdownlist controls in the aspx.

      <ig:WebDataMenu ID="WebDataMenu1" runat="server" StyleSetName="Claymation" Width="100%"
                    EnableScrolling="False">
                    <GroupSettings Orientation="Horizontal" />
                    <Items>
                        <ig:DataMenuItem TemplateId="tmpContact" Text="Root Item">
                        </ig:DataMenuItem>
                        <ig:DataMenuItem Key="Refresh" ImageUrl="./images/webtoolbar/NewRisk.gif" Text="Refresh">
                        </ig:DataMenuItem>
                    </Items>
                    <Templates>
                        <ig:ItemTemplate ID="itmpContact" runat="server" TemplateID="tmpContact">
                            <Template>
                                <asp:DropDownList ID="ddlContact" runat="server" CssClass="dropdownlist" DataTextField="Name"
                                    DataValueField="Code" Width="400px">
                                </asp:DropDownList>
                            </Template>
                        </ig:ItemTemplate>
                    </Templates>
                </ig:WebDataMenu>

I use code from your example above to get the reference to the templated control. I have tried this in Page_Load and Page_InitComplete. The reference is set and I add a handler to the control.

        ddlContact = CType(GetTemplatedControl(WebDataMenu1, "ddlContact"), DropDownList)
        AddHandler ddlContact.SelectedIndexChanged, AddressOf ddlContact_SelectedIndexChanged

But when I click on the dropdownlist it drops down and immediately disappears. The server event 

WebDataMenu1_ItemClick

is fired and it never fires the ddlContact_SelectedIndexChanged handler.

Any idea why this is happening? If I switch off the autopostback on the menu it still happens.

Any examples of how to implement dropdownlists as templates inside a webdatamenu?