summaryrefslogtreecommitdiff
path: root/demos/quickstart/protected/pages
diff options
context:
space:
mode:
authorJens Klaer <kj.landwehr.software@gmail.com>2015-10-14 14:12:18 +0200
committerJens Klaer <kj.landwehr.software@gmail.com>2015-10-14 14:12:18 +0200
commit3a90a37ca45f91d9f314eaa1f7e86c056e56e7bb (patch)
tree61c56713ac69fa0a1f00f879fcb73a4bc2d78f6e /demos/quickstart/protected/pages
parent7ec5cb6a6ef106c9662905988697045dcd0f378a (diff)
Added TJuiDatePicker
an alternative datepicker control using the datepicker widget from jqueryui
Diffstat (limited to 'demos/quickstart/protected/pages')
-rw-r--r--demos/quickstart/protected/pages/JuiControls/Home.page4
-rw-r--r--demos/quickstart/protected/pages/JuiControls/Samples/TJuiDatePicker/Home.page65
-rw-r--r--demos/quickstart/protected/pages/JuiControls/Samples/TJuiDatePicker/Home.php30
-rw-r--r--demos/quickstart/protected/pages/JuiControls/Widgets.page17
4 files changed, 116 insertions, 0 deletions
diff --git a/demos/quickstart/protected/pages/JuiControls/Home.page b/demos/quickstart/protected/pages/JuiControls/Home.page
index 3dc81417..4bf8f7fe 100644
--- a/demos/quickstart/protected/pages/JuiControls/Home.page
+++ b/demos/quickstart/protected/pages/JuiControls/Home.page
@@ -88,6 +88,10 @@ For informations of the specific options of each interaction, follow jQuery-UI I
<a href="?page=JuiControls.Widgets#TJuiDialog">TJuiDialog</a>
displays an movable dialog control
</li>
+ <li>
+ <a href="?page=JuiControls.Widgets#TJuiDatePicker">TJuiDatePicker</a>
+ provides a date picker control
+ </li>
</ul>
</com:TContent>
diff --git a/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDatePicker/Home.page b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDatePicker/Home.page
new file mode 100644
index 00000000..3c2d3141
--- /dev/null
+++ b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDatePicker/Home.page
@@ -0,0 +1,65 @@
+<com:TContent ID="body">
+<h1>TJuiDatePicker Samples</h1>
+
+<table class="sampletable">
+
+<tr><td class="samplenote">
+Simple TJuiDatePicker:
+</td><td class="sampleaction">
+<com:TJuiDatePicker ID="dp1" />
+</td></tr>
+
+<tr><td class="samplenote">
+TJuiDatePicker with TRequiredFieldValidator:
+</td><td class="sampleaction">
+<com:TJuiDatePicker ID="dp2" />
+<com:TRequiredFieldValidator
+ ValidationGroup="vg2"
+ ControlToValidate="dp2"
+ Text="Field required." />
+<com:TButton Text="Submit" ValidationGroup="vg2" />
+</td></tr>
+
+<tr><td class="samplenote">
+TJuiDatePicker with TDataTypeValidator:
+</td><td class="sampleaction">
+<com:TJuiDatePicker ID="dp3" Options.dateFormat="yy-mm-dd" />
+<com:TDataTypeValidator
+ ValidationGroup="vg3"
+ ControlToValidate="dp3"
+ DataType="Date"
+ DateFormat="yyyy-MM-dd"
+ Text="You must enter a valid date (yyyy-MM-dd)." />
+<com:TButton Text="Submit" ValidationGroup="vg3" />
+</td></tr>
+
+<tr><td class="samplenote">
+TJuiDatePicker with animation:
+</td><td class="sampleaction">
+<com:TJuiDatePicker ID="dp4" Options.dateFormat="yy-mm-dd" />
+<com:TActiveDropDownList OnSelectedIndexChanged="change4">
+ <com:TListItem Value="show" Text="Show (default)" Selected="true" />
+ <com:TListItem Value="slideDown" Text="Slide down" />
+ <com:TListItem Value="fadeIn" Text="Fade in" />
+ <com:TListItem Value="blind" Text="Blind (UI Effect)" />
+ <com:TListItem Value="bounce" Text="Bounce (UI Effect)" />
+ <com:TListItem Value="clip" Text="Clip (UI Effect)" />
+ <com:TListItem Value="drop" Text="Drop (UI Effect)" />
+ <com:TListItem Value="fold" Text="Fold (UI Effect)" />
+ <com:TListItem Value="slide" Text="Slide (UI Effect)" />
+</com:TActiveDropDownList>
+</td></tr>
+
+<tr><td class="samplenote">
+Change options of TJuiDatePicker during callback:
+</td><td class="sampleaction">
+<div><com:TJuiDatePicker ID="dp5" /></div>
+<div><com:TActiveCheckBox OnCheckedChanged="change5" Value="button" /> show button bar</div>
+<div><com:TActiveCheckBox OnCheckedChanged="change5" Value="menu" /> display year & month menus</div>
+<div><com:TActiveCheckBox OnCheckedChanged="change5" Value="week" /> show week of year</div>
+<div><com:TActiveCheckBox OnCheckedChanged="change5" Value="month" /> show 3 months</div>
+</td></tr>
+
+</table>
+
+</com:TContent>
diff --git a/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDatePicker/Home.php b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDatePicker/Home.php
new file mode 100644
index 00000000..5126f68e
--- /dev/null
+++ b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDatePicker/Home.php
@@ -0,0 +1,30 @@
+<?php
+
+class Home extends TPage
+{
+
+ public function change4($sender, $param)
+ {
+ $this->dp4->getOptions()->showAnim = $sender->getSelectedValue();
+ }
+
+ public function change5($sender, $param)
+ {
+ $value = $sender->getValue();
+ switch ($value) {
+ case 'button':
+ $this->dp5->getOptions()->showButtonPanel = $sender->getChecked();
+ break;
+ case 'menu':
+ $this->dp5->getOptions()->changeYear = $this->dp5->getOptions()->changeMonth = $sender->getChecked();
+ break;
+ case 'week':
+ $this->dp5->getOptions()->showWeek = $sender->getChecked();
+ break;
+ case 'month':
+ $this->dp5->getOptions()->numberOfMonths = $sender->getChecked() ? 3 : 1;
+ break;
+ }
+ }
+
+} \ No newline at end of file
diff --git a/demos/quickstart/protected/pages/JuiControls/Widgets.page b/demos/quickstart/protected/pages/JuiControls/Widgets.page
index 4c74c491..63c6aa32 100644
--- a/demos/quickstart/protected/pages/JuiControls/Widgets.page
+++ b/demos/quickstart/protected/pages/JuiControls/Widgets.page
@@ -70,4 +70,21 @@ The buttons may contain a callback that will be fired when they are clicked.
<com:RunBar PagePath="JuiControls.Samples.TJuiDialog.Home" />
<br/>
+
+<a name="TJuiDatePicker" />
+<h2>TJuiDatePicker</h2>
+<com:DocLink ClassPath="System.Web.UI.JuiControls.TJuiDatePicker" /> - <a href="http://api.jqueryui.com/datepicker/">jQuery UI API</a>
+
+<p class="block-content">
+<tt>TJuiDatePicker</tt> is an extension to <a href="?page=ActiveControls.ActiveTextBox">TActiveTextBox</a> based on jQuery-UI's <a href="http://jqueryui.com/datepicker/">datepicker</a> widget.
+</p>
+
+<p class="block-content">
+TJuiDatePicker is an extended TActiveTextBox that shows a date picker dialog on focus for an easy way to enter a date into the textbox.
+</p>
+
+
+<com:RunBar PagePath="JuiControls.Samples.TJuiDatePicker.Home" />
+<br/>
+
</com:TContent>