2012-12-26 54 views
14

मैंया asp:LinkButtonasp:Hyperlink के रूप में कैसे उपयोग करूं?हाइपरलिंक के रूप में (लिंक) बटन फ़ंक्शन कैसे बनाएं?

मौजूदा हाइपरलिंक सिर्फ एक ही पृष्ठ पर एक और अनुभाग को जाता है: NavigateUrl="#Section2"

मैं अतिरिक्त कोडिंग के बिना aspx फ़ाइल में ऐसा करना चाहते हैं। धन्यवाद।

उद्देश्य रेखांकित पाठ के बजाय बटन दिखाना है लेकिन मैं इस उद्देश्य को प्राप्त करने के लिए हाइपरलिंक वाली छवि का उपयोग नहीं करना चाहता हूं।

+1

ऐसा क्यों करें और सीधे हाइपरलिंक का उपयोग न करें? – Aristos

+7

एचटीएमएल मूलभूत बातों पर वापस जाएं (जैसा कि अरिस्टोस द्वारा टिप्पणी की गई है): आप इस तरह के लिए एएसपी.Net नियंत्रण क्यों मानेंगे? एएसपी.Net में कोई नियम नहीं है कि आपको हमेशा नियंत्रणों का उपयोग करना चाहिए। एक सरल [हाइपरलिंक] (http://www.w3schools.com/html/html_links.asp) करेगा। आप चाहें तो 'स्टाइल' कर सकते हैं ... – EdSF

उत्तर

18

आप JavaScript फ़ंक्शन कॉल करने के लिए OnClientClick घटना का उपयोग कर सकते हैं:

<asp:Button ID="Button1" runat="server" Text="Button" onclientclick='redirect()' /> 

जावा स्क्रिप्ट कोड:

function redirect() { 
    location.href = 'page.aspx'; 
} 

लेकिन मुझे लगता है कि सबसे अच्छा सीएसएस के साथ एक हाइपरलिंक शैली होगा।

उदाहरण:

.button { 
    display: block; 
    height: 25px; 
    background: #f1f1f1; 
    padding: 10px; 
    text-align: center; 
    border-radius: 5px; 
    border: 1px solid #e1e1e2; 
    color: #000; 
    font-weight: bold; 
} 
+0

क्लिक पर रीडायरेक्ट काम नहीं कर रहा है ... क्या यह सिंगल कोट होना चाहिए? – aspiring

10

एक मध्यम तरीका नहीं है। आप एक HTML नियंत्रण चाहते हैं लेकिन आप इसे सर्वर साइड का उपयोग करने की जरूरत है तो आप बस runat="server" विशेषता जोड़ सकते हैं:

<a runat="server" Id="lnkBack">Back</a> 

फिर आप Attributes

protected void Page_Load(object sender, EventArgs e) 
{ 
    if (!IsPostBack) 
    { 
     lnkBack.Attributes.Add("href", url); 
    } 
} 

में जिसके परिणामस्वरूप का उपयोग कर href सर्वर साइड बदल सकते हैं:

<a id="ctl00_ctl00_mainContentPlaceHolder_contentPlaceHolder_lnkBack" 
     href="url.aspx">Back</a> 
2

इसे पूरा करने का सबसे अच्छा तरीका बस नीचे दिए गए लिंक बटन पर "href" जोड़ना है।

<asp:LinkButton runat="server" id="SomeLinkButton" href="url" CssClass="btn btn-primary btn-sm">Button Text</asp:LinkButton> 

जावास्क्रिप्ट का उपयोग करना, या इस प्रोग्राम के रूप में Page_Load में, के रूप में अच्छी तरह से काम करेगा, लेकिन ऐसा करने के बारे में जाने के लिए सबसे अच्छा तरीका नहीं है कर।

आप इस परिणाम मिल जाएगा:

<a id="MainContent_ctl00_SomeLinkButton" class="btn btn-primary btn-sm" href="url" href="javascript:__doPostBack(&#39;ctl00$MainContent$ctl00$lSomeLinkButton&#39;,&#39;&#39;)">Button Text</a> 

तुम भी एक नियमित रूप से <a href="" class=""></a> का उपयोग कर का उपयोग करके एक ही परिणाम प्राप्त कर सकते हैं।