Added description about databinding for list controls.

2 files changed, 36 insertions, 6 deletions

diff --git a/demos/quickstart/protected/pages/Controls/List.page b/demos/quickstart/protected/pages/Controls/List.page
index dd5c9002..653e52d4 100644
--- a/demos/quickstart/protected/pages/Controls/List.page
+++ b/demos/quickstart/protected/pages/Controls/List.page
@@ -3,6 +3,7 @@
 <h1>List Controls</h1>

 <p>

 List controls covered in this section all inherit directly or indirectly from <tt>TListControl</tt>. Therefore, they share the same set of commonly used properties, including,

+</p>

 <ul>

 <li><tt>Items</tt> - list of items in the control. The items are of type <tt>TListItem</tt>. The item list can be populated via databinding or specified in templates like the following:

 <com:TTextHighlighter Language="prado" CssClass="source">

@@ -20,10 +21,37 @@ List controls covered in this section all inherit directly or indirectly from <t
 <li><tt>AutoPostBack</tt> - whether changing the selection of the control should trigger postback.</li>

 <li><tt>CausesValidation</tt> - whether validation should be performed when postback is triggered by the list control.</li>

 </ul>

-</p>

+

 <p>

-Since <tt>TListControl</tt> inherits from <tt>TDataBoundControl</tt>, these list controls also share a common operation known as <tt>databinding</tt>. The data to be bound can be specified via either <tt>DataSource</tt> or <tt>DataSourceID</tt>. More details about databinding are covered in later chapters of this tutorial.

+Since <tt>TListControl</tt> inherits from <tt>TDataBoundControl</tt>, these list controls also share a common operation known as <tt>databinding</tt>. The <tt>Items</tt> can be populated from preexisting data specified by <tt>DataSource</tt> or <tt>DataSourceID</tt>. A function call to <tt>dataBind()</tt> will cause the data population. For list controls, data can be specified in three kinds of format:

 </p>

+<ul>

+  <li>integer-indexed array : each array element value will be used as the value and text for a list item. For example

+<com:TTextHighlighter CssClass="source">

+$listbox->DataSource=array('item 1','item 2','item 3');

+$listbox->dataBind();

+</com:TTextHighlighter>

+  </li>

+  <li>associative array : array keys will be used as list item values, and array values will be used as list item texts. For example

+<com:TTextHighlighter CssClass="source">

+$listbox->DataSource=array(

+	'key 1'=>'item 1',

+	'key 2'=>'item 2',

+	'key 3'=>'item 3');

+$listbox->dataBind();

+</com:TTextHighlighter>

+</li>

+  <li>tabular (two-dimensional) data : each row of data populates a single list item. The list item value is specified by the data member indexed with <tt>DataValueField</tt>, and the list item text by <tt>DataTextField</tt>. For example,

+<com:TTextHighlighter CssClass="source">

+$listbox->DataTextField='name';

+$listbox->DataValueField='id';

+$listbox->DataSource=array(

+	array('id'=>'001','name'=>'John','age'=>31),

+	array('id'=>'002','name'=>'Mary','age'=>30),

+	array('id'=>'003','name'=>'Cary','age'=>20));

+$listbox->dataBind();

+</com:TTextHighlighter>

+</ul>

 

 <h2>TListBox</h2>

 <p>

@@ -40,12 +68,13 @@ Since <tt>TListControl</tt> inherits from <tt>TDataBoundControl</tt>, these list
 <h2>TCheckBoxList</h2>

 <p>

 <tt>TCheckBoxList</tt> displays a list of checkboxes on a Web page. The alignment of the text besides each checkbox can be specified <tt>TextAlign</tt>. The layout of the checkboxes can be controlled by the following properties:

+</p>

 <ul>

   <li><tt>RepeatLayout</tt> - can be either <tt>Table</tt> or <tt>Flow</tt>. A <tt>Table</tt> uses HTML table cells to organize the checkboxes, while a <tt>Flow</tt> uses HTML span tags and breaks for the organization. With <tt>Table</tt> layout, you can set <tt>CellPadding</tt> and <tt>CellSpacing</tt>.</li>

   <li><tt>RepeatColumns</tt> - how many columns the checkboxes should be displayed in.</li>

   <li><tt>RepeatDirection</tt> - how to traverse the checkboxes, in a horizontal way or a vertical way (because the checkboxes are displayed in a matrix-like layout).</li>

 </ul>

-</p>

+

 <com:RunBar PagePath="Controls.Samples.TCheckBoxList.Home" />

 

 <h2>TRadioButtonList</h2>

@@ -60,12 +89,13 @@ Since <tt>TListControl</tt> inherits from <tt>TDataBoundControl</tt>, these list
 </p>

 <p>

 <tt>TBulletedList</tt> displays the item texts in three different modes,

+</p>

 <ul>

   <li><tt>Text</tt> - the item texts are displayed as static texts;</li>

   <li><tt>HyperLink</tt> - each item is displayed as a hyperlink whose URL is given by the item value, and <tt>Target</tt> property can be used to specify the target browser window;</li>

   <li><tt>LinkButton</tt> - each item is displayed as a link button which posts back to the page if a user clicks on that, and the event <tt>OnClick</tt> will be raised under such a circumstance.</li>

 </ul>

-</p>

+

 <com:RunBar PagePath="Controls.Samples.TBulletedList.Home" />

 

 </com:TContent>
\ No newline at end of file
diff --git a/demos/quickstart/protected/pages/Fundamentals/Services.page b/demos/quickstart/protected/pages/Fundamentals/Services.page
index 031eac60..22c09c99 100644
--- a/demos/quickstart/protected/pages/Fundamentals/Services.page
+++ b/demos/quickstart/protected/pages/Fundamentals/Services.page
@@ -24,8 +24,8 @@ Pages may be organized into subdirectories under the <tt>BasePath</tt>. In each
 <p>

 Service parameter for the page service refers to the page being requested. A parameter like <tt>Fundamentals.Services</tt> refers to the <tt>Services</tt> page under the <tt>&lt;BasePath&gt;/Fundamentals</tt> directory. If such a parameter is absent in a request, a default page named <tt>Home</tt> is assumed. Using <tt>THttpRequest</tt> as the request module (default), the following URLs will request for <tt>Home</tt>, <tt>About</tt> and <tt>Register</tt> pages, respectively,

 <com:TTextHighlighter Language="none" CssClass="source">

-http://hostname/index.php<br/>

-http://hostname/index.php?page=About<br/>

+http://hostname/index.php

+http://hostname/index.php?page=About

 http://hostname/index.php?page=Users.Register

 </com:TTextHighlighter>

 where the first example takes advantage of the fact that the page service is the default service and <tt>Home</tt> is the default page.