diff options
| author | xue <> | 2006-04-02 00:23:25 +0000 |
|---|---|---|
| committer | xue <> | 2006-04-02 00:23:25 +0000 |
| commit | 2f36ce50b85cf0d02174464356e6636d14f4c19a (patch) | |
| tree | eedfd478d9d3d02450072ff7da2c9c283d8bd7e4 /demos/quickstart/protected/pages/Controls/MultiView.page | |
| parent | 4374bbe9aa2bf242c342ab4694c9c90303b5bc58 (diff) | |
Added TMultiView tutorial and demo.
Diffstat (limited to 'demos/quickstart/protected/pages/Controls/MultiView.page')
| -rw-r--r-- | demos/quickstart/protected/pages/Controls/MultiView.page | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/demos/quickstart/protected/pages/Controls/MultiView.page b/demos/quickstart/protected/pages/Controls/MultiView.page index 8c21bbf5..7e566181 100644 --- a/demos/quickstart/protected/pages/Controls/MultiView.page +++ b/demos/quickstart/protected/pages/Controls/MultiView.page @@ -3,4 +3,41 @@ <h1>TMultiView</h1>
<com:DocLink ClassPath="System.Web.UI.WebControls.TMultiView" />
+<p>
+<tt>TMultiView</tt> serves as a container for a group of <tt>TView</tt> controls, which can be retrieved by the <tt>Views</tt> property. Each view contains child controls. <tt>TMultiView</tt> determines which view and its child controls are visible. At any time, at most one view is visible (called <i>active</i>). To make a view active, set <tt>ActiveView</tt> or <tt>ActiveViewIndex</tt>. Note, by default there is no active view.
+</p>
+<p>
+To add a view to <tt>TMultiView</tt>, manipulate the <tt>Views</tt> collection or add it in template as follows,
+</p>
+<com:TTextHighlighter Language="prado" CssClass="source">
+<com:TMultiView>
+ <com:TView>
+ view 1 content
+ </com:TView>
+ <com:TView>
+ view 2 content
+ </com:TView>
+</com:TMultiView>
+</com:TTextHighlighter>
+
+<p>
+<tt>TMultiView</tt> responds to the following command events to manage the visibility of its views.
+</p>
+<ul>
+ <li><tt>NextView</tt> : switch to the next view (with respect to the currently active view).
+ <li><tt>PreviousView</tt> : switch to the previous view (with respect to the currently active view).
+ <li><tt>SwitchViewID</tt> : switch to a view by its ID path. The ID path is fetched from the command parameter.
+ <li><tt>SwitchViewIndex</tt> : switch to a view by its zero-based index in the <tt>Views</tt> collection. The index is fetched from the command parameter.
+</ul>
+
+<p>
+Upon postback, if the active view index is changed, <tt>TMultiView</tt> will raise an <tt>OnActiveViewChanged</tt> event.
+</p>
+
+<p>
+The <a href="?page=Fundamentals.Samples.Hangman.Home">Hangman game</a> is a typical use of <tt>TMultiView</tt>. The following example demonstrates another usage of <tt>TMultiView</tt>.
+</p>
+
+<com:RunBar PagePath="Controls.Samples.TMultiView.Home" />
+
</com:TContent>
\ No newline at end of file |