User control : The Official Microsoft ASP.NET Forums

Reply

duzi

Member

355 Points

User control

Aug 30, 2011 11:42 AM|LINK

Hi, I have already googled a bit and couldn't find the answer. I have a user control that contain sql data source and a grid view. I would like to enable enter the parameters to my user control through th aspx page like that: <uc:myControl .........> <parameter...../> ..... </uc:myControl> Is there any way to do this or not? thanks alot

Reply

gopalanmani

Star

7826 Points

1320 Posts

Re: User control

Aug 30, 2011 12:24 PM|LINK

Hi,

First create a public property in the user control and public method to access from the .aspx page

I would like to suggest you to check the sample below which describes how to pass values from a page to a WebUserControl by using public properties.

1.Create a WebUserControl(suppose it is named as WebUserControl.ascx)

Code in WebUserControl.ascx:

Employee id :<asp:Label ID="Label1" runat="server" Text="Default ID"></asp:Label>

Code in WebUserControl.ascx.cs:

private string _eid;
    public string EID
    {
        get 
        {
            return _eid;
        }
        set
        {
            _eid = value;
        }
    }
    public void PassValueToMe()
    {
        this.Label1.Text = EID;
    }

2.Code in page which contains the WebUserControl:

.aspx file:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    Please click the LinkButtons below to pass the employee id to WebUserControl.<br/><br/>
        <uc1:WebUserControl ID="WebUserControl1" runat="server" />
        <br />
        <asp:LinkButton ID="LinkButton1" runat="server" onclick="LinkButton1_Click">Pass employee id(10001) to WebUserControl </asp:LinkButton><br />
        <br />
        <asp:LinkButton ID="LinkButton2" runat="server" onclick="LinkButton2_Click">Pass employee id(10002) to WebUserControl</asp:LinkButton><br />
        <br />
        <asp:LinkButton ID="LinkButton3" runat="server" onclick="LinkButton3_Click">Pass employee id(10003) to WebUserControl</asp:LinkButton>
    </div>
    </form>
</body>
</html>

.cs file:

 protected void LinkButton1_Click(object sender, EventArgs e)
    {
        PassValueToWebUserControl("10001");
    }
    protected void LinkButton2_Click(object sender, EventArgs e)
    {
        PassValueToWebUserControl("10002");
    }
    protected void LinkButton3_Click(object sender, EventArgs e)
    {
        PassValueToWebUserControl("10003");
    }
    private void PassValueToWebUserControl(string id)
    {
        this.WebUserControl1.EID = id;
        this.WebUserControl1.PassValueToMe();
    }

and also check the following url,
http://www.java2s.com/Tutorial/ASP.NET/0280__Custom-Controls/Usercontrolwithproperty.htm

Hope it can help you.

Regards,
Gopalan Mani
My Tech blog

Edited by gopalanmani on Aug 30, 2011 12:25 PM

Reply

duzi

Member

355 Points

90 Posts

Re: User control

Aug 31, 2011 06:47 AM|LINK

Hi,

First, thank you for your answer, but it didn't answer my question. My question is if I can put inner tags in user control and how to do so.

Reply

duzi

Member

355 Points

90 Posts

Re: User control

Aug 31, 2011 08:05 AM|LINK

I have found the answer:

in the user control ascx:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="TabControl.ascx.cs" Inherits="TabControl" %>

<table class="content" border="0" cellpadding="0" cellspacing="0">

<tr>

<td><div class="tab_header" ><ul><li><span style="font-weight: bold;" runat="server" id="divHead">&nbsp;</span></li></ul></div></td>

</tr>

<tr>

<td class="tabContent">

<table cellpadding="3" cellspacing="0" border="0" width="100%"><tr><td>

<asp:GridView ID="gvData" runat="server" DataSourceID="sqlData">

<PagerSettings Mode="NumericFirstLast" PageButtonCount="10" />

<EmptyDataTemplate>

<asp:Literal ID="litNoData" runat="server" Text="no records"></asp:Literal>

</EmptyDataTemplate>

</asp:GridView>

</td></tr></table>

<asp:SqlDataSource runat="server" ID="sqlData" ConnectionString="<%$ConnectionStrings:MyConnection %>" CancelSelectOnNullParameter="true" OnSelecting="sqlData_Selecting">

</asp:SqlDataSource>

</td>

</tr>

</table>

In the ascx.cs:

[ParseChildren(true)]
[PersistChildren(true)]
[ToolboxData("<{0}:TabControl runat=server></TabControl>")]
public partial class TabControl : System.Web.UI.UserControl, INamingContainer
{
    #region Properties
    public string HeaderText
    {
        get { return divHead.InnerText; }
        set { divHead.InnerText = value; }
    }
    public string SqlConnectionString
    {
        get { return sqlData.ConnectionString; }
        set { sqlData.ConnectionString = value; }
    }
    public string SqlSelectCommand
    {
        get { return sqlData.SelectCommand; }
        set { sqlData.SelectCommand = value; }
    }

    [PersistenceMode(PersistenceMode.InnerProperty)] 
    public SqlDataSource MySqlData
    {
        get { return sqlData; }
        set { sqlData = value; }
    }

    #endregion
    #region Events
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void sqlData_Selecting(object sender, SqlDataSourceSelectingEventArgs e)
    {
    }
    #endregion

}

and I use it in the aspx page like this:

<uc:TabControl runat="server" HeaderText="TabControl test" SqlSelectCommand="spTest">
                                            <MySqlData ConnectionString="<%$ConnectionStrings:MyConnection %>">
                                                <SelectParameters>
                                                   <asp:Parameter Name="IsChecked" DefaultValue="0" />
                                                 </SelectParameters>
                                            </MySqlData>    
                                        </uc:TabControl>

Marked as answer by duzi on Aug 31, 2011 08:06 AM

User control RSS

3 replies

duzi

User control

gopalanmani

Re: User control

duzi

Re: User control

duzi

Re: User control

This site is managed for Microsoft by Neudesic, LLC. | © 2013 Microsoft. All rights reserved.

Follow Us On:

Microsoft