Twitter-Bootstrap Tools

Button component (BsButton)

La clase TwBs2l\Component\BsButton

Esta clase facilita la creación de "Botones de comando" para múltiples propósitos. Su constructor es:

    BsButton($label, $id, $caret, $caretPos, $context, $options);

y puede ser instanciada de modo simple, como se ilustra en los ejemplos abajo. No obstante, para que los botones sean funcionales hacen falta adiciones:

Via Javascript
- Asignarles ID como parámetro explícito en el constructor
- Agregar un código JS que haga uso del ID
Mediante sus atributos
Estableciendo la clave attributes=>[atributo=>valor, ...] en el parámetro $options del constructor. Se debe establecer atributos html5 adecuados para obtener comportamientos.

Parámetros

    //La etiqueta que muestra el botón
    $label      = 'etiqueta a mostrar',
  
    // El id del botón, debe establecerse cuando hay scripts que llaman al botón
    // o cuando hay elementos vinculados al mismo (p.ej dropdown lists)
    $id       = 'identificador' | '',
  
    // Establece o identifica el icono de acción (caret). En caso de pasar una cadena nula
    // se emplea el triángulo por defecto. Tambien se puede
    // pasar una cadena html de tipo <img ... /> u <object ... /> para insertar
    // un objeto embebido. O, si se prefiere usar un glyph de Bootstrap ver ejemplo abajo.
    // Sólo se muestra cuando caretpos sea no nulo.
    $caret    = ObjetoHtml | '',
  
    // Establece si se muestra o no un icóno asociado al botón y si se hace
    // a izquierda o a derecha.
    $caretpos = 0 | 1 | 2, // 1 = derecha, 2 = Izquierda, 0 no usar
    
    // Establece si el botón se muestra usando decoración contextual.
    $context  = 'identificador de contexto'
  
    // Establece parámetros adicionales para mostrar el botón. Pero, puede ser su 
    // definición completa en caso de que se desee anidarlo dentro de estructuras complejas.
    // en las que se delega la construcción en procesos recursivos de instanciación.
    $options  = array de definición del elemento

código: Botón default

$button = new \TwBs2l\Component\BsButton("Botón default", "", "", 0, "default");:
$button->toString();

código: Botón danger

$button = new \TwBs2l\Component\BsButton("Botón danger", "", "", 0, "danger");:
$button->toString();

código: Botón warning

$button = new \TwBs2l\Component\BsButton("Botón warning", "", "", 0, "warning");:
$button->toString();

código: Botón success

$button = new \TwBs2l\Component\BsButton("Botón success", "", "", 0, "success");:
$button->toString();

código: Botón info

$button = new \TwBs2l\Component\BsButton("Botón info", "", "", 0, "info");:
$button->toString();

código: Botón primary

$button = new \TwBs2l\Component\BsButton("Botón primary", "", "", 0, "primary");:
$button->toString();

código: Botón con caret 1

$button = new \TwBs2l\Component\BsButton("Botón con caret 1", "", "", 1, "default");:
$button->toString();

código: Botón con caret 2

$button = new \TwBs2l\Component\BsButton("Botón con caret 2", "", "", 2, "default");:
$button->toString();

código: Botón con glyph

$button = new \TwBs2l\Component\BsButton("Botón con glyph", "", \Biblio2ls\Library\WriteHtml5::glyphIcon("book"), 2, "primary");:
$button->toString();

Twitter-Bootstrap Tools