From 97b6128ccfc425e14faa61ca070e64e2d2dab4b4 Mon Sep 17 00:00:00 2001
From: Gabriel Schulhof <gabriel.schulhof@intel.com>
Date: Wed, 16 Apr 2014 11:20:10 +0300
Subject: [PATCH] Controlgroup: Add example illustrating dynamically adding
 element

---
 entries/controlgroup.xml | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
diff --git a/entries/controlgroup.xml b/entries/controlgroup.xml
index 6dbd4178..6b8e3ca3 100644
--- a/entries/controlgroup.xml
+++ b/entries/controlgroup.xml
@@ -99,5 +99,34 @@ $( ".selector" ).controlgroup( "container" );
 </div>
 ]]></html>
 	</example>
+	<example>
+		<desc>Dynamically adding elements.</desc>
+		<html><![CDATA[
+<div data-role="page" id="page2">
+	<div role="main" class="ui-content">
+		<div data-role="controlgroup" data-type="horizontal" id="the-controlgroup">
+			<label>Yes<input type="radio" name="answers"></label>
+			<label>No<input type="radio" name="answers"></label>
+		</div>
+		<a href="#" id="add-button" class="ui-btn ui-corner-all ui-shadow ui-btn-inline">Add Item</a>
+	</div>
+</div>
+		]]></html>
+		<code><![CDATA[
+$( document ).on( "click", "#add-button", function() {
+	var group = $( "#the-controlgroup" ),
+		possibleLabels = [ "Oui", "Non", "Igen", "Nem", "Ja", "Nein" ],
+		label = possibleLabels[ Math.round( Math.random() * ( possibleLabels.length - 1 ) ) ];
+
+	$( "<label>" + label + "<input type='radio' name='answers'></label>" )
+
+		// We append the item to the element returned by the controlgroup's container() method
+		.appendTo( group.controlgroup( "container" ) )
+		.children()
+		.checkboxradio();
+	group.controlgroup( "refresh" );
+});
+		]]></code>
+	</example>
 	<category slug="widgets"/>
 </entry>
