diff options
Diffstat (limited to 'demos/quickstart/protected/pages/JuiControls')
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> |