Menu dont les items sont des tables construites dans un UserControl

Version imprimable

Bonjour, :D

Je cherche à faire un menu asp horizontal, pour lequel chaque item aurait cette forme (static item):

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
<table id="tableButton" runat="server" border="0" cellpadding="0" cellspacing="0">
    <tr style="height: 33px;">
        <td style="background-image: url(../Images/Menu/btn_normal_gauche.png); width: 10px;">
        </td>
        <td id="middle" style="background-image: url(../Images/Menu/btn_normal_milieu.png); background-repeat: repeat-x;">
            <asp:Label ID="buttonName" runat="server"></asp:Label>
        </td>
        <td style="background-image: url(../Images/Menu/btn_normal_droite.png); width: 10px;">
        </td>
    </tr>
</table>

J'ai déjà fait ce travail:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<asp:Menu DataSourceID="SiteMapDataSource1" StaticDisplayLevels="2" ID="Menu1" runat="server" Orientation="Horizontal" StaticEnableDefaultPopOutImage="False" DynamicHorizontalOffset="5" StaticSubMenuIndent="0">
    <StaticMenuItemStyle CssClass="staticMenu" />
    <StaticHoverStyle CssClass="staticMenuHover" />
	<StaticItemTemplate>
        <uc1:Button ButtonName=  Width="135" runat="server" />
    </StaticItemTemplate>
	<Items>
        <asp:MenuItem Value="orders"></asp:MenuItem>
        <asp:MenuItem NavigateUrl="~/Pages/Approval.aspx" Value="myapprovals"></asp:MenuItem>
        <asp:MenuItem NavigateUrl="~/Pages/Delegation.aspx" Value="delegation"></asp:MenuItem>
        <asp:MenuItem Value="admin"></asp:MenuItem>
    </Items>
</asp:Menu>

Où bien sûr uc1:Button est le UserControl comprenant le code du tableau mis en 1er.
Je ne sais pas comment passer une valeur à la propriété ButtonName définie dans le .cs associés à mon UserControl.
Au vu de mes recherches, il faut que je fasse passer <%# Eval("Text") %> mais comment...?

Merci d'avance! :P

22/03/2011, 17h23
Ramajb
Salut,
Pour faire ça il y a plusieurs méthodes mais pour moi la plus facile est la suivante:
1. dans code behind de ton UC, expose la propriété Text de ton Label
  Code:
  
  1 2 3 4 5 public string UcText { get { return buttonName.Text; } set { buttonName.Text = value; } }
2. dans .aspx, Comme on peut accéder sans difficulté a UcText, tu peux ecrire
  Code:
  
  1 2 3 <StaticItemTemplate> <uc1:Button ButtonName= Width="135" runat="server" UcText= <%# Eval("Text") %> /> </StaticItemTemplate>
  J'espere que cela répondra a ton besoin :ccool:
22/03/2011, 18h45
cyrano_de_bergerac

Justement, c'est ce que j'ai fait avec la propriété ButtonName comme toi tu as utilisé UcText, mais j'ai ce message en warning:

Citation:

Attribute values must be enclosed in quotation marks.

Et à l'affichage, pas de texte.... :(
22/03/2011, 22h20
Ramajb

Citation:

Envoyé par cyrano_de_bergerac

Justement, c'est ce que j'ai fait avec la propriété ButtonName comme toi tu as utilisé UcText, mais j'ai ce message en warning:
"Attribute values must be enclosed in quotation marks."

Et à l'affichage, pas de texte.... :(

Dans ce la, tu ajoutes la valeur entre deux simple quote:

Code:

UcText='<%# Eval("Text") %>'

Citation:

Envoyé par Ramajb

Dans ce la, tu ajoutes la valeur entre deux simple quote:

Code:

UcText='<%# Eval("Text") %>'

J'avais déjà essayé mais ça ne marchait pas.

Mais j'ai trouvé grâce à toi:

Ce que je faisais et qui ne marchait pas:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 private string mButtonName; private string mWidth; public string ButtonName { get { return mButtonName; } set { mButtonName = value; } } public string Width1 { get { return mWidth; } set { mWidth = value; } } protected void Page_Load(object sender, EventArgs e) { buttonName.Text = mButtonName; tableButton.Width = mWidth; }
Apparement la solution est de directement assigner la valeur à mon label, comme tu me l'as montré:
Code:

1 2 3 4 5 6 public string UcText { get { return buttonName.Text; } set { buttonName.Text = value; } }
Mais ce que je ne comprends pas, c'est pourquoi mon code ne fonctionne pas, et surtout pourquoi il semble fonctionner pour le Width et pas pour le ButtonName alors que c'est le même principe.

Mais merci! :)

23/03/2011, 11h07
Ramajb

T'en est sur que tu avais mis Width1 à la place de Width car ton balisé ci-dessus dis le contraire. Sinon pour répondre à ta question, moi même je ne sais pas pourquoi ça marche pas :aie:, peut être le faite de le mettre dans l’événement Load, donc il faut savoir le cycle de vie d'un UC dans une page.
Par contre, au lieu de faire deux choses (propriété et assignation dans Load), on peut aller rapidement en faisant l'assignation dans la propriété.
23/03/2011, 12h44
cyrano_de_bergerac

Citation:

Envoyé par Ramajb

T'en est sur que tu avais mis Width1 à la place de Width car ton balisé ci-dessus dis le contraire. Sinon pour répondre à ta question, moi même je ne sais pas pourquoi ça marche pas :aie:, peut être le faite de le mettre dans l’événement Load, donc il faut savoir le cycle de vie d'un UC dans une page.
Par contre, au lieu de faire deux choses (propriété et assignation dans Load), on peut aller rapidement en faisant l'assignation dans la propriété.

Le problème ne venait pas d'une erreur d'écriture du Width/Width1, c'est juste qu'au début j'utilisais Width1 partout, puis j'ai mis Width.

Et sinon, quand je charge mon UserControl ailleurs que dans le menu en lui passant la valeur simplenent, c'est à dire:

Code:

<uc1:Button ID="buttonTest" ButtonName="Button Test" Width="155" runat="server" />

ça marche.

Bef, c'est quand même très bizzare, mais merci de m'avoir aidé! :)