2012-04-17 7 views
5

क्या आपके पास मूल एएसपीनेट फॉर्म पर काम करने वाले बूटस्ट्रैप घटक का एक उदाहरण है (बटन पर पीछे कोड के साथ, चयनित मूल्यों को छोड़कर और आदि)?ट्विटर बूटस्ट्रैप घटकों के साथ मूल एएसपीनेट फॉर्म

मुझे वास्तव में यह नहीं पता कि इसे कैसे काम करना है।

+0

आपने अभी तक क्या प्रयास किया है? क्या काम नहीं करता है? बूटस्ट्रैप सिर्फ सीएसएस शैलियों का संग्रह है। मैं नहीं देख सकता कि वह एएसपी.नेट क्यों तोड़ देगा। –

+0

सभी ट्विटर सामग्री HTML/CSS/जावास्क्रिप्ट है, इसलिए आपके द्वारा उपयोग की जाने वाली सर्वर-साइड तकनीक इससे प्रभावित नहीं होती है। क्या आपके पास इन घटकों का एक उदाहरण _not_ काम कर रहा है? हम संभावित रूप से उसमें मदद कर सकते हैं। अन्यथा, ट्विटर के घटकों के उदाहरण हैं। – David

+0

असल में मैं यह नहीं कह रहा हूं कि घटक काम नहीं करते हैं। मुझे नहीं पता कि उन्हें एएसपीनेट फॉर्म पर कैसे काम करना है। मेरा मतलब है, मुझे क्या करना चाहिए? बटन शैली को "बीटीएन" पर सेट करें? इस टैग को जांचें, यह .NET फ्रेमवर्क द्वारा प्रदान किया गया एक सर्वर घटक है: "

उत्तर

9

जब तक आप कैसे ASP.NET सर्वर नियंत्रण HTML में प्रस्तुत करना की समझ के रूप में

उदाहरण:

यह सर्वर नियंत्रण:

<asp:Button ID="Button1" runat="server" CssClass="btn" Text="Button 1" /> 

इस HTML करने के लिए प्रस्तुत करता है:

<input type="submit" class="btn" id="Button1" value="Button 1" name="Button1"> 

तो आप ASP.NET वेबफॉर्म के साथ बूटस्ट्रैप का उपयोग करने के अपने रास्ते पर

CssClass="btn" आपको बूटस्ट्रैप के साथ बटन को स्टाइल करने की आवश्यकता है।

अपने .aspx पेज में नीचे मार्कअप चिपकाएं एक उदाहरण देखने के लिए

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css" /> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
     <asp:Button ID="Button1" runat="server" CssClass="btn" Text="Button 1" /> 
    </div> 
    </form> 
</body> 
</html> 

संपादित करें:

आप runat="server" जोड़कर एक सर्वर नियंत्रण में किसी भी मानक HTML नियंत्रण को बदल सकते हैं और फिर क्लिक ईवेंट हैंडलर सर्वर पक्ष जोड़ें।

HTML:

<a id="actionLink" runat="server">Action</a> 

कोड-पीछे:

protected void Page_Load(object sender, EventArgs e) 
{ 
    actionLink.ServerClick += new EventHandler(actionLink_ServerClick); 
    ... 
} 

void actionLink_ServerClick(object sender, EventArgs e) 
{ 
    ... 
} 

गाया एंकर टैग:

<a id="actionLink" href="javascript:__doPostBack('actionLink','')">Action</a> 

यह वही है आप उन बटन लटकती पर सर्वर क्लिक के लागू करने की आवश्यकता आप मिलना चाहिए और रेडियो बूटस्ट्रैप नियंत्रण।

+0

धन्यवाद, यह सही है। लेकिन, एक घटक के बारे में क्या है जो एएसपीनेट ढांचे पर मौजूद नहीं है? जैसे कि बटन ड्रॉपडाउन (http://twitter.github.com/bootstrap/components.html#buttonDropdowns)? मैं सर्वर साइड विधि को कॉल करने पर एक ऑनक्लिक ईवेंट कैसे जोड़ सकता हूं? या, मैं सर्वर चेक (http://twitter.github.com/bootstrap/javascript.html#buttons) पर यह चेकबॉक्स चयनित मान कैसे प्राप्त कर सकता हूं? धन्यवाद! –

+0

बहुत बहुत धन्यवाद! –

0

उपलब्ध ASP.NET बूटस्ट्रैप नियंत्रण के एक लगभग पूरा सेट पेड्रो फर्नांडीस से GitHub पर उपलब्ध, लाइसेंस, हालांकि बारे में सुनिश्चित नहीं है:

https://github.com/cr1t/BootstrapControls

यह केवल संस्करण 2.3.0 का समर्थन करता है। इसे 3.0 में परिवर्तित करना मुश्किल नहीं होना चाहिए।

संबंधित मुद्दे