# GeoExt

### Navigation

- GeoExt »
- API Reference »
- `GeoExt.plugins` »
- `GeoExt.plugins.TreeNodeRadioButton`

# `GeoExt.plugins.TreeNodeRadioButton`

ptype
  `gx_treenoderadiobutton`

A plugin to create tree node UIs with radio buttons. Can be plugged into any `Ext.tree.TreePanel` and will be applied to nodes that are extended with the `GeoExt.Tree.TreeNodeUIEventMixin`, in particular `GeoExt.tree.LayerNodeUI` nodes.

A tree with a `GeoExt.plugins.TreeNodeRadioButton` fires the additional `radiochange` event when a node’s radio button is clicked.

Only if a node is configured `radioGroup` attribute, it will be rendered with a radio button next to its icon. The `radioGroup` works like a HTML checkbox with its `name` attribute, and `radioGroup` is a string that identifies the options group.

## Example Use

Sample code to create a tree with a node that has a radio button:

    var UIClass = Ext.extend(
        Ext.tree.TreeNodeUI,
        GeoExt.tree.TreeNodeUIEventMixin
    );
    var tree = new Ext.tree.TreePanel({
        plugins: [
            new GeoExt.plugins.TreeNodeRadioButton({
                listeners: {
                    "radiochange": function(node) {
                        alert(node.text + "'s radio button was clicked.");
                    }
                }
            })
        ],
        root: {
            nodeType: "node",
            uiProvider: UIClass,
            text: "My Node",
            radioGroup: "myGroupId"
        }
    }

## Events

Events.

`radiochange`

  Fires when a radio button is clicked.

  Listener arguments:

  - node - `Ext.TreeNode` The node of the clicked radio button.

### Navigation

- index
- modules |
- next |
- previous |
- GeoExt »
- API Reference »
- `GeoExt.plugins` »
- `GeoExt.plugins.TreeNodeRadioButton`