5

基本的なasp.netフォームで動作するブートストラップコンポーネントの例がありますか（ボタンの後ろにコードがあり、ドロップダウンで選択された値を取得するなど）？

私はそれを機能させる方法を本当に知りません。

4

2 に答える 2

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.NETWebフォームでブートストラップを使用する方法を説明します。

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>

これにより、これらのボタンのドロップダウンと無線ブートストラップコントロールでサーバークリックを実装するために必要なものが得られるはずです。

于 2012-04-17T18:51:07.193 に答える
0

GitHubで入手可能なPedroFernandesから入手可能なASP.NETブートストラップコントロールのほぼ完全なセットがありますが、ライセンスは不明です。

https://github.com/cr1t/BootstrapControls

バージョン2.3.0のみをサポートします。3.0に変換するのは難しいことではありません。

于 2014-02-01T01:11:22.763 に答える