Formulario básico de asp.net con los componentes de arranque de twitter

¿Ustedes tienen un ejemplo de los componentes de arranque que trabajan en un formulario básico de asp.net (con código detrás de los botones, obtener los valores seleccionados desplegables, etc.)?Formulario básico de asp.net con los componentes de arranque de twitter

Realmente no sé cómo hacerlo funcionar.

Fuente

2012-04-17 Leandro Faria

¿Qué has intentado hasta ahora? ¿Qué no funciona? Bootstrap es solo una colección de estilos CSS. No veo por qué eso rompería ASP.NET. –

Todas las cosas de Twitter son HTML/CSS/JavaScript, por lo que la tecnología del lado del servidor que use no la afecta. ¿Tiene un ejemplo de estos componentes _no_ funcionando? Podemos ayudar con eso. De lo contrario, Twitter tiene ejemplos de los componentes que funcionan. – David

En realidad, no estoy diciendo que los componentes no funcionen. Simplemente no sé cómo hacer que funcionen en un formulario asp.net. Quiero decir, ¿qué debería hacer? Establecer el estilo del botón a "btn"? Verifique esta etiqueta, es un componente del servidor provisto por .net framework: "

Como siempre y cuando tenga una comprensión de cómo los controles de servidor ASP.NET hacen en HTML

ejemplo:

Este control de servidor:

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

Renders a este código HTML:

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

entonces estás en el camino hacia el uso de bootstrap con formularios web ASP.NET

El CssClass="btn" es todo lo que necesita para darle estilo al botón con bootstrap.

Pegue el marcado a continuación en la página .aspx para ver un ejemplo

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

edición:

puede convertir cualquier control HTML estándar en un control de servidor mediante la adición de runat="server" y luego agregue los manejadores de eventos click del lado del servidor.

HTML:

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

de código subyacente:

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

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

rindió la etiqueta de anclaje:

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

Esto debe conseguir lo que necesita para implementar clics de servidor en los botón desplegable y controles de arranque de radio.

Fuente

2012-04-17 18:51:07 MikeM

Gracias, eso es perfecto. Pero, ¿qué pasa con un componente que no existe en asp.net framework? Como este menú desplegable del botón (http://twitter.github.com/bootstrap/components.html#buttonDropdowns)? ¿Cómo puedo agregar un evento onclick llamando a un método del lado del servidor? O bien, ¿cómo puedo obtener este valor seleccionado de casilla de verificación en el lado del servidor (http://twitter.github.com/bootstrap/javascript.html#buttons)? ¡Gracias! –

@LeandroFaria Actualicé la respuesta, convirtiendo las etiquetas '

¡Muchas gracias! –

Hay un conjunto casi completo de los controles ASP.NET Bootstrap disponible de Pedro Fernandes disponible en GitHub, no está seguro de la licencia sin embargo:

https://github.com/cr1t/BootstrapControls

sólo es compatible con la versión 2.3.0. No debería ser difícil convertirlo a 3.0.

Fuente

2014-02-01 01:11:22

Formulario básico de asp.net con los componentes de arranque de twitter

Respuesta

Cuestiones relacionadas