2009-12-04 46 views
1

我有一個aspx頁面。它上面有一組鏈接按鈕。如何在asp.net中的鏈接按鈕之間顯示選定的鏈接按鈕?

linkbutton1 

linkbutton2 

linkbutton3 

linkbutton4 

linkbutton5 

如果我點擊其中任何一個。它應該突出顯示。

這些鏈接按鈕在表格中。

感謝您的任何幫助。

+0

表格是指什麼表格?鏈接按鈕被選爲什麼意思*?點擊?這對他們來說意味着什麼*突出顯示*?一些CSS效果?你想要回發事件發生嗎?如果不是,他們爲什麼連接按鈕? – 2009-12-04 18:15:19

+0

我提到了選定的手段。點擊它。 – sikender 2009-12-04 18:20:46

+1

不幸的是,你沒有精確地說表的結構是什麼,因此我們可能在這裏發佈的任何javascript/DOM解析可能是無效的。另外,你是否希望這個效果完全是客戶端,還是你想要一個帶回發的asp解決方案?另外,我上面沒有看到您的評論,您能否再次告訴您「突出顯示」對您意味着什麼? – rochal 2009-12-09 10:32:56

回答

10

如果添加的CssClass到任何你了LinkBut​​ton的,像

<asp:LinkButton ID="LinkButton1" runat="server" CssClass="linkbtn" />

可以在CSS定義高亮風格像

.linkbtn .highlighted { color: red; } 

,並使用一些JavaScript來切換類。在jQuery的它看起來像:

$(".linkbtn").click(function() { 
    $(".linkbtn").removeClass("highlighted"); 
    $(this).addClass("highlighted"); 
}); 

在ASP.Net只使用

<asp:LinkButton id="LinkButton4" OnClick="LinkButton4_Click" runat="server"/> 

和代碼隱藏

private void SetHighlighted(LinkButton btn) 
{ 
    LinkButton1.CssClass = ""; 
    LinkButton2.CssClass = ""; 
    LinkButton3.CssClass = ""; 
    LinkButton4.CssClass = ""; 
    LinkButton5.CssClass = ""; 

    btn.CssClass = "highlighted"; 
} 

protected void LinkButton4_Click(object sender, EventArgs e) 
{ 
    SetHighlighted((LinkButton)sender); 
} 

爲每個LinkBut​​ton的

+1

沒有。不想要jquery ... – sikender 2009-12-07 19:21:20

+0

請參閱編輯ASP.Net示例。 – 2009-12-07 19:54:09

+0

確保每個linkbutton指向LinkBut​​ton4_Click,因爲它是OnClick事件處理程序。只是爲了澄清... – user10635 2009-12-07 20:11:53

-1

我在過去的幾個星期裏在我的頁面中建立了相同的頁面。

當我看到你有2種選擇,對於後面的代碼,我不知道:

1)你的鏈接按鈕鏈接到特定的網站(如超鏈接)。比你可以通過點擊懸停它的實際網站找到。 2)你的linkbutton只能使用代碼,比你可以做一個正常的「linkbutton1.Font.Bold = true」或類似的東西。

如果你想通過CSS作爲我的知識,這是不可能的,因爲沒有呈現爲-tag。

+1

我可以做.net使用一些代碼。如果你想看到它,這是非常完美的。我會告訴你。給我評論。我會把它放在這裏。爲你。但你的答案是絕對下降 – sikender 2009-12-07 18:31:09

+1

它不工作! – sikender 2009-12-07 19:32:37

4

你這樣做可以輕鬆地用CSS來照顧這一點。

當您處理linkbutton click事件時,會將linkbutton的CSSClass屬性設置爲與區分列表中的其他鏈接按鈕不同的類。

例如,在頁面加載時,您可以將所有鏈接按鈕CSSClass屬性設置爲鏈接並將此類定義爲超鏈接的標準外觀。 8pt,tahoma,加下劃線等。

創建另一個名爲LinkSelected的類,並將其設置爲8pt,tahoma,下劃線和粗體。

在你的LinkBut​​ton單擊處理

設置myLink.CSSClass="LinkSelected";((LinkButton)sender).CSSClass="LinkSelected";

可以定義(不推薦)鏈接和LinkSelected類串接或者在一個單獨的.css文件。

試試吧,讓我知道你是否需要更多的細節。

+1

是的。我想詳細瞭解這一點。它不能正常工作 – sikender 2009-12-07 19:31:46

+1

jans的答案正是我想補充的細節。 – user10635 2009-12-07 20:12:40

+0

嘗試刷新緩存瀏覽器。 – Ucodia 2009-12-14 09:50:37