Basic asp.net form mit twitter bootstrap-Komponenten

Habt Ihr ein Beispiel von bootstrap componentes arbeiten auf eine grundlegende asp.net Formular (mit code hinter den Schaltflächen, erste dropdown ausgewählten Werte und etc)?

Ich weiß wirklich nicht, wie es funktioniert.

Was haben Sie bisher ausprobiert? Was nicht funktioniert? Bootstrap ist nur eine Sammlung von CSS-Stilen. Ich kann nicht sehen, warum brechen würde, dass ASP.NET.
Alle Twitter-Zeug ist HTML/CSS/JavaScript, so dass die server-side-Technologie, die Sie verwenden, nicht beeinflussen. Haben Sie ein Beispiel für diese Komponenten nicht zu arbeiten? Wir können uns möglicherweise dabei helfen. Ansonsten hat Twitter Beispiele für die Komponenten arbeiten.
Eigentlich bin ich ja nicht sagen, dass die composants nicht funktioniert. Ich weiß nur nicht, wie man diese Arbeit auf eine asp.net form. Ich meine, was soll ich tun? Die Schaltfläche Stil auf "btn"? Überprüfen Sie mit diesem tag, es ist eine server-Komponente .net framework: "<asp:button id="Button1" runat="server></asp:button - >". Auf der anderen Seite, eine bootstrap-button in ein einfaches html-Eingabe. Wie kann ich call und asp.net onclick event auf den button? Alles über javascript? Ich danke Ihnen sehr.
Das Twitter Zeug, werden alle client-Seite, wäre nicht die Interaktion mit der asp:Button dass Sie geben Sie server-Seite. Es wäre die Interaktion mit den input, der tatsächlich gerendert wird an den client. So müssen Sie entweder wissen, oder es wird explizit festgelegt, welche der client-Seite-ID. (Oder identifizieren Sie die HTML-element auf eine andere Weise, wenn das Twitter-Zeug können komplexere Selektoren.)
Ich kenne die client-Seite-ID aller Komponenten, und wie Sie machen auf HTML, das ist nicht das problem. Was ich wissen möchte ist, wie Sie interagieren mit Komponenten verwenden von server-side-Methoden, Ihre Werte und hinzufügen von onclick-events auf Sie. Vielen Dank für die Hilfe!

InformationsquelleAutor Leandro Faria | 2012-04-17

  1. 9

    Solange Sie haben ein Verständnis dafür, wie ASP.NET server-Steuerelemente werden im HTML

    Beispiel:

    Diesem server control:

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

    Rendert das HTML:

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

    dann sind Sie auf Ihrem Weg zu benutzen bootstrap mit ASP.NET webforms

    Den CssClass="btn" ist alles, was Sie brauchen, um den Stil der Taste, mit der bootstrap.

    Fügen Sie den markup-Code unten in Ihre .ASPX-Seite zu sehen, ein Beispiel

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

    Können Sie jede standard-HTML-Steuerelement in ein server-Steuerelement, indem Sie hinzufügen runat="server" und dann hinzufügen klicken Sie auf Ereignis-Handler server-Seite.

    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)
{
    ...
}

    Gerendert Anker-Tag:

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

    Diese sollten Sie bekommen, was Sie brauchen, zu implementieren server klickt auf diese Schaltfläche, dropdown-und radio-bootstrap-Steuerelemente.

    Vielen Dank, das ist perfekt. Aber, was ist eine Komponente, die nicht vorhanden ist asp.net Rahmen? Wie dieser Schaltfläche dropdowns (twitter.github.com/bootstrap/components.html#buttonDropdowns)? Wie kann ich ein onclick-event aufrufen einer server Seite Methode? Oder, wie bekomme ich dieses Feld aktiviert ist, der Wert auf server-Seite (twitter.github.com/bootstrap/javascript.html#buttons)? Danke!
    Ich habe aktualisiert die Antwort, drehen die <button> oder <a> tags in server-Steuerelemente mit runat="server" und hinzufügen von Ereignis-Handlern, die auf solche Kontrollen sollten Sie den nächsten Schritt zur Umsetzung dieser bootstrap-Steuerelemente.
    Ich danke Ihnen sehr!
    Mit einem linkbutton in der "dropdown", das funktioniert auch

    InformationsquelleAutor MikeM

  2. 0

    Gibt es einen fast kompletten Satz ASP.NET Bootstrap-Funktionen von Pedro Fernandes verfügbar auf GitHub, nicht sicher, dass die Lizenz zwar:

    https://github.com/cr1t/BootstrapControls

    Es unterstützt nur version 2.3.0. Es sollte nicht schwierig sein, es zu konvertieren auf 3.0.

    InformationsquelleAutor ATL_DEV

Schreibe einen Kommentar