From 61bb16ee2e5f0a66234e1575242169a10fde47b5 Mon Sep 17 00:00:00 2001
From: xue <>
Date: Fri, 7 Jul 2006 14:54:15 +0000
Subject: Merge from 3.0 branch till 1253.

---
 .../protected/pages/Controls/ClientScript.page     | 52 ++++++++++++++++++++++
 .../protected/pages/Controls/Standard.page         |  4 ++
 2 files changed, 56 insertions(+)
 create mode 100644 demos/quickstart/protected/pages/Controls/ClientScript.page

(limited to 'demos/quickstart/protected/pages/Controls')

diff --git a/demos/quickstart/protected/pages/Controls/ClientScript.page b/demos/quickstart/protected/pages/Controls/ClientScript.page
new file mode 100644
index 00000000..5dab41d5
--- /dev/null
+++ b/demos/quickstart/protected/pages/Controls/ClientScript.page
@@ -0,0 +1,52 @@
+<com:TContent ID="body" >
+
+<h1>TClientScript</h1>
+<com:DocLink ClassPath="System.Web.UI.WebControls.TClientScript" />
+<h2>Including Bundled Javascript Libraries in Prado</h2>
+<p>
+<tt>TClientScript</tt> allows javascript code to be insert or linked to the 
+page template. Prado is bundled with a large library of javascript functionality
+including effects, AJAX, basic event handlers, and many others. The bundled 
+javascript libraries can be linked to the current page template using the 
+<tt>UsingPradoScripts</tt> property. Multiple bundled javascript libraries
+can be specified using comma delimited string of the name of javascript library 
+to include on the page. For following example will include the "ajax" and "effects" library.
+</p>
+<com:TTextHighlighter Language="prado" CssClass="source">
+&lt;com:TClientScript UsingPradoScripts="ajax, effects" /&gt;
+</com:TTextHighlighter>
+
+<p>
+	The available bundled libraries included in Prado are 
+	<ul>
+	    <li><tt>prado</tt> : basic prado javascript framework based on Prototype</li>
+	    <li><tt>effects</tt> : visual effects from script.aculo.us</li>
+	    <li><tt>ajax</tt> : ajax and callback related based on Prototype</li>
+	    <li><tt>validator</tt> : validation</li>
+	    <li><tt>logger</tt> : javascript logger and object browser</li>
+	    <li><tt>datepicker</tt> : datepicker</li>
+	    <li><tt>rico</tt> : Rico library</li>
+	    <li><tt>colorpicker</tt> : colorpicker</li>
+	</ul>
+</p>
+<p>The dependencies for each library are automatically resolved. That is, 
+	specifying, say the "ajax", will also include the "prado" library.</p>
+	
+<h2>Including Custom Javascript Files</h2>
+<p>Custom javascript files can be register using the <tt>ScriptUrl</tt> property.
+The following example includes the javascript file "test.js" to the page. In this case, the file
+"test.js" is relative the current template you are using. Since the property value is
+<a href="?page=Configurations.Templates3">dynamic asset tag</a>, the file "test.js" will be published
+automatically, that is, the file will be copied to the assets directory if necessary.
+</p>
+<com:TTextHighlighter Language="prado" CssClass="source">
+&lt;com:TClientScript ScriptUrl=&lt;%~ test.js %&gt; /&gt;
+</com:TTextHighlighter>
+<p>You can include javascript files from other servers by specifying the full URL string in
+	the <tt>ScriptUrl</tt> property.</p>
+
+<h2>Including Custom Javascript Code Blocks</h2>
+<p> Any content within the <tt>TClientScript</tt> control tag will be considered as
+	javascript code and will be rendered where it is declared.</p>
+
+</com:TContent>
\ No newline at end of file
diff --git a/demos/quickstart/protected/pages/Controls/Standard.page b/demos/quickstart/protected/pages/Controls/Standard.page
index 156b39e5..086ba293 100644
--- a/demos/quickstart/protected/pages/Controls/Standard.page
+++ b/demos/quickstart/protected/pages/Controls/Standard.page
@@ -11,6 +11,10 @@
   <a href="?page=Controls.CheckBox">TCheckBox</a> represents a checkbox on a Web page. It can be used to collect two-state user input.
   </li>
 
+  <li>
+  <a href="?page=Controls.ClientScript">TClientScript</a> adds javascript code to the page.
+  </li>
+
   <li>*
   <a href="?page=Controls.ColorPicker">TColorPicker</a> represents an input field taking color values via a color dialog.
   </li>
-- 
cgit v1.2.3