De base asp.net forme avec twitter bootstrap composants

Avez-vous un exemple de bootstrap componentes de travail sur une base asp.net forme (avec le code derrière sur les boutons, se déroulant valeurs sélectionnées et etc)?

Je ne sais vraiment pas comment le faire fonctionner.

Qu'avez-vous essayé jusqu'à présent? Ce qui ne fonctionne pas? Bootstrap est juste une collection de styles CSS. Je ne vois pas pourquoi ce serait briser ASP.NET.
Tous les trucs Twitter est HTML/CSS/JavaScript, de sorte que la technologie côté serveur que vous utilisez ne pas l'affecter. Avez-vous un exemple de ces composants pas de travail? Nous pouvons vous aider. Sinon, Twitter a des exemples de composants de travail.
En fait, je ne dis pas que les composants ne fonctionne pas. Je ne sais pas comment le faire fonctionner sur un asp.net forme. Je veux dire, que dois-je faire? Définir le style de bouton pour "btn"? Cochez cette balise, c'est un composant de serveur fourni par .net framework: "<asp:button id="Button1" runat="server" ></asp:button>". D'autre part, un bootstrap bouton en html simple entrée. Comment puis-je appeler et asp.net l'événement onclick sur le bouton? Tout sur le javascript? Je vous remercie beaucoup.
Les trucs Twitter, en cours de tous les côté client, de ne pas être en interaction avec le asp:Button que vous spécifiez côté serveur. Il serait en interaction avec le input qui est fourni au client. De sorte que vous aurez besoin de connaître ou de définir explicitement ce que le côté client de la pièce d'identité devrait être. (Ou identifier l'élément HTML d'une autre façon, si les trucs Twitter permet plus complexe sélecteurs.)
Je sais que le côté client ID de tous les composants et leur rendu sur le HTML, ce n'est pas le problème. Ce que je veux savoir, c'est comment interagir avec les composants à l'aide de méthodes côté serveur, les valeurs et ajouter de l'événement onclick. Merci pour votre aide!

OriginalL'auteur Leandro Faria | 2012-04-17

  1. 9

    Aussi longtemps que vous avez une compréhension de la façon dont ASP.NET les contrôles serveur de rendu HTML

    exemple:

    Ce contrôle de serveur:

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

    Rend à ce HTML:

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

    alors vous êtes sur votre chemin à l'aide de bootstrap avec ASP.NET webforms

    La CssClass="btn" est tout ce que vous devez style le bouton avec bootstrap.

    Collez le balisage ci-dessous dans votre .Page ASPX pour voir un exemple

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

    Vous pouvez transformer n'importe quelle norme de contrôle HTML dans un contrôle serveur en ajoutant runat="server" puis cliquez sur ajouter des gestionnaires d'événements côté serveur.

    HTML:

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

    Code-Behind:

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

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

    Rendu Balise D'Ancrage:

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

    Cela devrait vous obtenez ce dont vous avez besoin pour mettre en œuvre server clique sur les bouton de la liste déroulante et radio bootstrap contrôles.

    Merci, c'est parfait. Mais, que penser d'un composant qui n'existe pas sur asp.net cadre? Comme ce Bouton listes déroulantes (twitter.github.com/bootstrap/components.html#buttonDropdowns)? Comment puis-je ajouter un événement onclick d'appeler un serveur côté de la méthode? Ou, comment puis-je obtenir cette case valeur sélectionnée sur le côté serveur (twitter.github.com/bootstrap/javascript.html#buttons)? Merci!
    J'ai mis à jour la réponse, en tournant la <button> ou <a> les balises dans les contrôles serveur avec runat="server" et ajouter des gestionnaires d'événements sur ces contrôles devraient vous prendre à la prochaine étape de la mise en œuvre de ces bootstrap contrôles.
    Merci beaucoup!
    À l'aide d'un linkbutton à l'intérieur de la "liste déroulante" travaillera également

    OriginalL'auteur MikeM

  2. 0

    Il y a presque complète ASP.NET Bootstrap Commandes disponibles à partir de Pedro Fernandes disponible sur GitHub, pas sûr de la licence:

    https://github.com/cr1t/BootstrapControls

    Il ne supporte que la version 2.3.0. Il ne devrait pas être difficile de le convertir à la version 3.0.

    OriginalL'auteur ATL_DEV