Use real data store for contacts.

git-svn-id: http://svn.dojotoolkit.org/src/demos/trunk@15363 560b804f-0ae3-0310-86f3-f6aa0a117693

Author: wkeese

mail/contacts.php

@@ -0,0 +1,27 @@
+{ 
+	identifier: 'email',
+	label: 'display',
+	items: [
+
+<?php
+    $counter = 0;
+    $ext = array("@gmail.com", "@yahoo.com", "@dojotoolkit.org");
+	$aFirst = array("Adam", "Alan", "Alex", "Bill", "Becky", "Bob", "Bruce", "Carol", "Chris", "Dave", "Ed", "Ellen", "Eugene", "Frank", "Fred", "Francis", "Glenn", "James", "Jane", "Joe", "Tom"); 
+	$aLast = array("Arkin", "DeBois", "Jones", "Smith", "Pitt", "Arquette", "VanDeLay");
+	foreach($aFirst as $first) {
+		foreach($aLast as $last) {
+		    $name = $first . " " . $last;
+		    $email = strtolower($first) . "." . strtolower($last) . $ext[$counter%3];
+		    $display = $name . " <" . $email . ">";
+			print "{ " .
+					"name: '" . $name . "',\n" .
+					"email: '" . $email . "',\n" .
+					"display: '" . $display . "'\n" .
+				 "},\n";
+			$counter ++;
+		}
+	}
+?>
+	{name: 'Blue Bell', email: '[email protected]'}
+   ]
+}

mail/demo.html

@@ -14,6 +14,8 @@
 	<div id="preLoader"><p></p></div>
 	<div dojoType="dojo.data.ItemFileWriteStore" jsId="mailStore"
 		url="mail.json"></div>
+	<div dojoType="dojo.data.ItemFileWriteStore" jsId="contactStore"
+		url="contacts.php"></div>
 
 	<!-- Inline declaration for programmatically created "New Message" tabs -->
 	<div dojoType="dijit.Declaration"
@@ -24,21 +26,14 @@
 					<tr style="padding-top:5px;">
 						<td style="padding-left:20px; padding-right: 8px; text-align:right;"><label for="${id}_to">To:</label></td>
 						<td width=100%>
-							<select dojoType="dijit.form.ComboBox" id="${id}_to" hasDownArrow="false">
-								<option></option>
-								<option>[email protected]</option>
-								<option>[email protected]</option>
-								<option>[email protected]</option>
-								<option>[email protected]</option>
-								<option>[email protected]</option>
-								<option>[email protected]</option>
-							</select>
+							<input dojoType="dijit.form.ComboBox" id="${id}_to" hasDownArrow="false" store="contactStore" searchAttr="display"
+								style="width: 40em;">
 						</td>
 					</tr>
 					<tr>
 						<td style="padding-left: 20px; padding-right:8px; text-align:right;"><label for="${id}_subject">Subject:</label></td>
 						<td width=100%>
-							<select dojoType="dijit.form.ComboBox" id="${id}_subject" hasDownArrow="false">
+							<select dojoType="dijit.form.ComboBox" id="${id}_subject" hasDownArrow="false" style="width: 40em;">
 								<option></option>
 								<option>progress meeting</option>
 								<option>reports</option>