Modulo asp.net di base con componenti di bootstrap twitter

Ragazzi, avete un esempio di componenti bootstrap che lavorano su un modulo asp.net di base (con codice nascosto sui pulsanti, ottenendo valori selezionati a discesa ed ecc.)?Modulo asp.net di base con componenti di bootstrap twitter

Davvero non so come farlo funzionare.

fonte

2012-04-17 Leandro Faria

Cosa hai provato finora? Cosa non funziona? Bootstrap è solo una raccolta di stili CSS. Non riesco a capire perché questo potrebbe spezzare ASP.NET. –

Tutti gli elementi di Twitter sono HTML/CSS/JavaScript, quindi la tecnologia lato server che si utilizza non influisce su di esso. Hai un esempio di questi componenti _non_ funziona? Possiamo potenzialmente aiutare con quello. Altrimenti, Twitter ha esempi di componenti funzionanti. – David

In realtà non sto dicendo che i componenti non funzionano. Semplicemente non so come farli funzionare su un modulo di asp.net. Voglio dire, cosa dovrei fare? Impostare lo stile del pulsante su "btn"? Controlla questo tag, è un componente server fornito da .net framework: "

Finché si dispone di una comprensione di come controlli server ASP.NET rendering in HTML

esempio:

Questo controllo server:

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

Renders a questo HTML:

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

allora sei sulla strada per utilizzare il bootstrap con i moduli web ASP.NET

CssClass="btn" è tutto ciò che serve per modellare il pulsante con bootstrap.

Incollare il markup qui sotto nella tua pagina aspx per vedere un esempio

<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>

edit:

è possibile trasformare qualsiasi controllo HTML standard in un controllo server con l'aggiunta di runat="server" e quindi aggiungi il gestore di eventi click sul lato server.

HTML:

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

codice sottostante:

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

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

resa Tag Ancoraggio:

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

Questo dovrebbe ottenere ciò è necessario implementare clic del server su quelli pulsante a discesa e comandi di bootstrap radio.

fonte

2012-04-17 18:51:07 MikeM

Grazie, è perfetto. Ma, che dire di un componente che non esiste nel framework asp.net? Come questo menu a discesa Button (http://twitter.github.com/bootstrap/components.html#buttonDropdowns)? Come posso aggiungere un evento onclick chiamando un metodo lato server? Oppure, come posso ottenere questo valore selezionato dalla casella di controllo sul lato server (http://twitter.github.com/bootstrap/javascript.html#buttons)? Grazie! –

@LeandroFaria Ho aggiornato la risposta, trasformando il '

Grazie mille! –

C'è una serie quasi completa di controlli ASP.NET Bootstrap disponibile da Pedro Fernandes disponibili su GitHub, non è sicuro della licenza però:

https://github.com/cr1t/BootstrapControls

supporta solo la versione 2.3.0. Non dovrebbe essere difficile convertirlo in 3.0.

fonte

2014-02-01 01:11:22

Modulo asp.net di base con componenti di bootstrap twitter

risposta

Problemi correlati