Seleccionar un solo nodo dentro de un TreeView con jQuery

Seleccionar un solo nodo dentro de un TreeView con jQuery

El objetivo es asegurar que siempre exista un solo nodo seleccionado dentro de un TreeView, los pasos a seguir son los siguientes:

1. Asociamos el evento clic a todos los checkbox que se encuentran dentro del árbol

2. Dentro de la función que se ejecuta al dar clic (SelUnSoloNodo), guardamos la referencia del nodo al que se le ha dado clic ($(this))

3. Recuperamos los checkbox que han sido seleccionados (:checked) y les quitamos la selección (.removeAttr)

4. Como quitar la selección incluye al check que acabamos de dar clic, lo volvemos a seleccionar.

A continuación el código

$("#TreeView1 :checkbox").click(SelUnSoloNodo);

function SelUnSoloNodo()

{

var $this = $(this);

$("#TreeView1 :checked").removeAttr('checked');

$this.attr('checked','-1');

}

No hay comentarios: