2012-09-21 4 views
0

MenuItem Control OnClick 이벤트에서 이미지를 바꿀 수있는 방법이 있습니까? MenuItem의 이미지 바꾸기 onclick

<asp:Menu ID="menuTabs" CssClass="menuTabs" StaticMenuItemStyle-CssClass="tab" StaticSelectedStyle-CssClass="selectedTab"      OnMenuItemClick="menuTabs_MenuItemClick" runat="server" Orientation="Horizontal" 
BackColor="#f4f4f4" BorderStyle="None"> 
<StaticSelectedStyle CssClass="selectedTab"></StaticSelectedStyle> 
<StaticMenuItemStyle CssClass="tab"></StaticMenuItemStyle> 
<Items> 
<asp:MenuItem Text="" Value="0" Selected="true" ImageUrl="~/Images/Widget1.jpg" /> 
<asp:MenuItem Text="" Value="1" ImageUrl="~/Images/Widget2.jpg"/> 
</Items> 
</asp:Menu>  
<asp:MultiView ID="multiTabs" ActiveViewIndex="0" runat="server"> 
<asp:View> 
</asp:View> 
</asp:MultiView> 

Codebehind가 아니라 내 코드 :

protected void menuTabs_MenuItemClick(object sender, MenuEventArgs e) 
    { 
    multiTabs.ActiveViewIndex = Int32.Parse(menuTabs.SelectedValue); 
    int i;    
    for (i = 0; (i <= (menuTabs.Items.Count - 1)); i++) 
    { if ((i == Int32.Parse(e.Item.Value))) 
    { menuTabs.Items[i].ImageUrl = "/Images/Widget1.jpg"; 
     menuTabs.Items[i].PopOutImageUrl = "/Images/Widget2.png"; 
    } 
    else 
    { menuTabs.Items[i].ImageUrl = "/Images/Widget1_over.jpg"; 
     menuTabs.Items[i].PopOutImageUrl = "/Images/Widget2_over.png"; 
    } 
    } } 

내가 제어 항목으로 jQuery를 정상 이미지 스왑을 사용을 couldnt는 ... 또한 MenuItem의 제어에 교환하는 어떤 제안을 id 값이 doesnot. ??

답변

1

아틀라스 나는 이것을 얻었다.

protected void menuTabs_MenuItemClick(object sender, MenuEventArgs e) 
     { 
      multiTabs.ActiveViewIndex = Int32.Parse(menuTabs.SelectedValue); 
      if (menuTabs.Items[0].Selected == true) 
      { 

       menuTabs.Items[0].ImageUrl = "~/Images/widget1_over.png"; 
       menuTabs.Items[1].ImageUrl = "~/Images/widget2.png"; 
      } 

      if (menuTabs.Items[1].Selected == true) 
      { 
       menuTabs.Items[1].ImageUrl = "~/Images/widget2_over.png"; 
       menuTabs.Items[0].ImageUrl = "~/Images/widget1.png"; 

      } 
     }