diff options
Diffstat (limited to 'demos/quickstart')
4 files changed, 126 insertions, 0 deletions
diff --git a/demos/quickstart/protected/pages/JuiControls/Home.page b/demos/quickstart/protected/pages/JuiControls/Home.page index 68765faa..3dc81417 100644 --- a/demos/quickstart/protected/pages/JuiControls/Home.page +++ b/demos/quickstart/protected/pages/JuiControls/Home.page @@ -84,6 +84,10 @@ For informations of the specific options of each interaction, follow jQuery-UI I <a href="?page=JuiControls.Widgets#TJuiAutoComplete">TJuiProgressbar</a> provides a list of suggestions on the current partial word typed in the textbox </li> + <li> + <a href="?page=JuiControls.Widgets#TJuiDialog">TJuiDialog</a> + displays an movable dialog control + </li> </ul> </com:TContent> diff --git a/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDialog/Home.page b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDialog/Home.page new file mode 100644 index 00000000..6a9df446 --- /dev/null +++ b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDialog/Home.page @@ -0,0 +1,67 @@ +<com:TContent ID="body"> +<h1>TJuiDialog Samples</h1> + + +<table class="sampletable"> + +<tr><td class="samplenote"> +Simple Dialog: +</td><td class="sampleaction"> +<com:TActiveButton + Text="Open Dialog" + OnClick="bt1Click"/> +<com:TJuiDialog + ID="dlg1" + Options.Title="Simple Dialog" + Options.AutoOpen="False" + > + This is a simple Dialog +</com:TJuiDialog> +</td></tr> + +<tr><td class="samplenote"> +Modal dialog: +</td><td class="sampleaction"> +<com:TActiveButton + Text="Open Dialog" + OnClick="bt2Click"/> +<com:TJuiDialog + ID="dlg2" + Options.Title="Modal dialog" + Options.AutoOpen="False" + Options.Modal="True" + > + This is a modal dialog + +</com:TJuiDialog> +</td></tr> + + +<tr><td class="samplenote"> +Dialog with buttons: +</td><td class="sampleaction"> +<com:TActiveButton + Text="Open Dialog" + OnClick="bt3Click"/> +<com:TJuiDialog + ID="dlg3" + Options.Title="Dialog with buttons" + Options.AutoOpen="False" + > + This is a dialog with buttons. + <com:TJuiDialogButton + Text="Ok" + OnClick="dlg3Ok" + /> + <com:TJuiDialogButton + Text="Cancel" + OnClick="dlg3Cancel" + /> + +</com:TJuiDialog> +<com:TActiveLabel ID="lbl3" /> +</td></tr> + +</table> + +</com:TContent> diff --git a/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDialog/Home.php b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDialog/Home.php new file mode 100644 index 00000000..f9d1e3a9 --- /dev/null +++ b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDialog/Home.php @@ -0,0 +1,33 @@ +<?php + +class Home extends TPage +{ + + public function bt1Click($sender, $param) + { + $this->dlg1->open(); + } + + public function bt2Click($sender, $param) + { + $this->dlg2->open(); + } + + public function bt3Click($sender, $param) + { + $this->dlg3->open(); + } + + public function dlg3Ok($sender, $param) + { + $this->lbl3->Text="Button Ok clicked"; + $this->dlg3->close(); + } + + public function dlg3Cancel($sender, $param) + { + $this->lbl3->Text="Button Cancel clicked"; + $this->dlg3->close(); + } + +}
\ 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 cedec675..4c74c491 100644 --- a/demos/quickstart/protected/pages/JuiControls/Widgets.page +++ b/demos/quickstart/protected/pages/JuiControls/Widgets.page @@ -48,4 +48,26 @@ When a suggestion is selected the <tt>OnSuggestionSelected</tt> event is raised, <com:RunBar PagePath="JuiControls.Samples.TJuiAutoComplete.Home" /> <br/> + +<a name="TJuiDialog" /> +<h2>TJuiDialog</h2> +<com:DocLink ClassPath="System.Web.UI.JuiControls.TJuiDialog" /> - <a href="http://api.jqueryui.com/dialog/">jQuery UI API</a> + +<p class="block-content"> +<tt>TJuiDialog</tt> is an extension to <a href="?page=ActiveControls.ActivePanel">TActivePanel</a> based on jQuery-UI's <a href="http://jqueryui.com/dialog/">dialog</a> widget. +</p> + +<p class="block-content"> +TJuiDialog is an extended TActivePanel that shows an dialog. The dialog may contain buttons that can fire callback events. +</p> + +<p class="block-content"> +The dialog may contain one or more <tt>TJuiDialogButton</tt> Controls. +The buttons may contain a callback that will be fired when they are clicked. +</p> + + +<com:RunBar PagePath="JuiControls.Samples.TJuiDialog.Home" /> +<br/> + </com:TContent> |