summaryrefslogtreecommitdiff
path: root/demos/quickstart/protected/pages/ActiveControls/ActiveDataGrid.page
diff options
context:
space:
mode:
authorctrlaltca@gmail.com <>2011-06-02 19:49:27 +0000
committerctrlaltca@gmail.com <>2011-06-02 19:49:27 +0000
commitcb90a05700b7ca6b621420598ff232aa2285310c (patch)
treedd18eb5af82decff38d18ec26d67fee1c6a8659d /demos/quickstart/protected/pages/ActiveControls/ActiveDataGrid.page
parent6394a6ffe3a9f3e4e698603b94503dc96f1e2652 (diff)
upported to trunk/ last doc changes, everything should be fine now
Diffstat (limited to 'demos/quickstart/protected/pages/ActiveControls/ActiveDataGrid.page')
-rw-r--r--demos/quickstart/protected/pages/ActiveControls/ActiveDataGrid.page12
1 files changed, 6 insertions, 6 deletions
diff --git a/demos/quickstart/protected/pages/ActiveControls/ActiveDataGrid.page b/demos/quickstart/protected/pages/ActiveControls/ActiveDataGrid.page
index 9a82743d..9f413a83 100644
--- a/demos/quickstart/protected/pages/ActiveControls/ActiveDataGrid.page
+++ b/demos/quickstart/protected/pages/ActiveControls/ActiveDataGrid.page
@@ -34,16 +34,16 @@ Please refer to the original documentation of <a href="?page=Controls.DataGrid">
</p>
-<h2>Columns</h2>
+<h2 id="150012">Columns</h2>
-<h3>Automatically Generated Columns</h3>
+<h3 id="150016">Automatically Generated Columns</h3>
<p class="block-content">
TDataGrid by default will create a list of columns based on the structure of the bound data. TDataGrid will read the first row of the data, extract the field names of the row, and construct a column for each field. Each column is of type <tt>TActiveBoundColumn</tt>. All of this happens in an ajax callback.
</p>
<com:RunBar PagePath="ActiveControls.Samples.TActiveDataGrid.Sample1" />
-<h3>Manually Specified Columns</h3>
+<h3 id="150017">Manually Specified Columns</h3>
<p class="block-content">
The following example uses manually specified columns to show a list of book information,
</p>
@@ -60,7 +60,7 @@ Each column can be shown or hidden in a callback.
<com:RunBar PagePath="ActiveControls.Samples.TActiveDataGrid.Sample2" />
-<h2>Interacting with TActiveDataGrid</h2>
+<h2 id="150013">Interacting with TActiveDataGrid</h2>
<p class="block-content">
The following example shows how to make the previous book information table an interactive one. It allows users to edit and delete book items from the table. Two additional columns are used in the example to allow users interact with the datagrid: <tt>TActiveEditCommandColumn</tt> and <tt>TActiveButtonColumn</tt>. In addition,
<tt>TActiveDropDownListColumn</tt> replaces the previous <tt>TActiveTemplateColumn</tt> to allow users to select a rating from a dropdown list. Note, it is also possible to use <tt>TActiveTemplateColumn</tt> to achieve the same task.
@@ -68,13 +68,13 @@ All the iteration is done using AJAX callbacks.
</p>
<com:RunBar PagePath="ActiveControls.Samples.TActiveDataGrid.Sample3" />
-<h2>Sorting</h2>
+<h2 id="150014">Sorting</h2>
<p class="block-content">
The following example turns the datagrid in <a href="?page=ActiveControls.Samples.TActiveDataGrid.Sample2">Example 2</a> into a sortable one. Users can click on the link button displayed in the header of any column, and the data will be sorted in ascending order along that column. The grid is sorted and rendered upon a callback request.
</p>
<com:RunBar PagePath="ActiveControls.Samples.TActiveDataGrid.Sample4" />
-<h2>Paging</h2>
+<h2 id="150015">Paging</h2>
<p class="block-content">
The following example enables the paging functionality of the datagrid shown in <a href="?page=ActiveControls.Samples.TActiveDataGrid.Sample1">Example 1</a>. In this example, you move between the datagrid pages clicking on the pager links. The grid reacts to paging rendering itself as the result of a callback request. Note that you can't change the pager style upon callback.
</p>