带有twitter bootstrap组件的基本asp.net表单

Lea*_*ria 5 asp.net twitter-bootstrap

你们有一个在基本的asp.net表单上工作的bootstrap组件的例子(代码隐藏在按钮上,获取下拉选择值等)?

我真的不知道如何让它发挥作用.

Mik*_*keM 9

只要您了解ASP.NET服务器控件如何在HTML中呈现

例:

这个服务器控件:

<asp:Button ID="Button1" runat="server" CssClass="btn" Text="Button 1" />
Run Code Online (Sandbox Code Playgroud)

呈现此HTML:

<input type="submit" class="btn" id="Button1" value="Button 1" name="Button1">
Run Code Online (Sandbox Code Playgroud)

那么你正在使用ASP.NET webforms的bootstrap

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>
Run Code Online (Sandbox Code Playgroud)

编辑:

您可以通过添加runat="server"然后添加单击事件处理程序服务器端将任何标准HTML控件转换为服务器控件.

HTML:

<a id="actionLink" runat="server">Action</a>
Run Code Online (Sandbox Code Playgroud)

代码隐藏:

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

void actionLink_ServerClick(object sender, EventArgs e)
{
    ...
}
Run Code Online (Sandbox Code Playgroud)

渲染锚标记:

<a id="actionLink" href="javascript:__doPostBack('actionLink','')">Action</a>
Run Code Online (Sandbox Code Playgroud)

这应该可以帮助您实现在那些按钮下拉列表和无线电引导控件上实现服务器点击所需的功能.

  • @LeandroFaria我已经更新了答案,将`<button>`或`<a>`标签转换为带有`runat ="server"的服务器控件,并在这些控件上添加事件处理程序应该带你到下一步实现这些控件自举控制. (3认同)