Wt examples  3.3.6
Public Member Functions | Private Member Functions | Private Attributes | List of all members
JavascriptExample Class Reference

An example showing how to interact custom JavaScript with Wt stuff. More...

#include <JavascriptExample.h>

Inheritance diagram for JavascriptExample:
Inheritance graph
[legend]

Public Member Functions

 JavascriptExample (const WEnvironment &env)
 Create the example application. More...
 

Private Member Functions

void confirmed ()
 The user has confirmed the payment. More...
 
void setAmount (std::string amount)
 Set the amount to be payed. More...
 

Private Attributes

PopuppromptAmount_
 Popup for changing the amount. More...
 
PopupconfirmPay_
 Popup for paying. More...
 
WText * currentAmount_
 WText for showing the current amount. More...
 

Detailed Description

An example showing how to interact custom JavaScript with Wt stuff.

Definition at line 24 of file JavascriptExample.h.

Constructor & Destructor Documentation

◆ JavascriptExample()

JavascriptExample::JavascriptExample ( const WEnvironment &  env)

Create the example application.

Definition at line 19 of file JavascriptExample.C.

20  : WApplication(env)
21 {
22  setTitle("Javascript example");
23 
24  // Create a popup for prompting the amount of money, and connect the
25  // okPressed button to the slot for setting the amount of money.
26  //
27  // Note that the input provided by the user in the prompt box is passed as
28  // an argument to the slot.
29  promptAmount_ = Popup::createPrompt("How much do you want to pay?", "",
30  this);
32 
33  // Create a popup for confirming the payment.
34  //
35  // Since a confirm popup does not allow input, we ignore the
36  // argument carrying the input (which will be empty anyway).
39 
40  new WText("<h2>Wt Javascript example</h2>"
41  "<p>Wt makes abstraction of Javascript, and therefore allows you"
42  " to develop web applications without any knowledge of Javascript,"
43  " and which are not dependent on Javascript."
44  " However, Wt does allow you to add custom Javascript code:</p>"
45  " <ul>"
46  " <li>To call custom JavaScript code from an event handler, "
47  "connect the Wt::EventSignal to a Wt::JSlot.</li>"
48  " <li>To call C++ code from custom JavaScript, use "
49  "Wt.emit() to emit a Wt::JSignal.</li>"
50  " <li>To call custom JavaScript code from C++, use "
51  "WApplication::doJavascript() or Wt::JSlot::exec().</li>"
52  " </ul>"
53  "<p>This simple application shows how to interact between C++ and"
54  " JavaScript using the JSlot and JSignal classes.</p>", root());
55 
57  = new WText("Current amount: $" + promptAmount_->defaultValue(), root());
58 
59  WPushButton *amountButton = new WPushButton("Change ...", root());
60  amountButton->setMargin(10, Left | Right);
61 
62  new WBreak(root());
63 
64  WPushButton *confirmButton = new WPushButton("Pay now.", root());
65  confirmButton->setMargin(10, Top | Bottom);
66 
67  // Connect the event handlers to a JSlot: this will execute the JavaScript
68  // immediately, without a server round trip.
69  amountButton->clicked().connect(promptAmount_->show);
70  confirmButton->clicked().connect(confirmPay_->show);
71 
72  // Set the initial amount
73  setAmount("1000");
74 }
Popup * promptAmount_
Popup for changing the amount.
static Popup * createConfirm(const WString &message, WObject *parent=0)
Create a confirm dialog.
Definition: Popup.C:72
void confirmed()
The user has confirmed the payment.
JSlot show
Show the dialog.
Definition: Popup.h:70
WText * currentAmount_
WText for showing the current amount.
void setAmount(std::string amount)
Set the amount to be payed.
static Popup * createPrompt(const WString &message, const std::string defaultValue, WObject *parent=0)
Create a prompt dialog with the given default value.
Definition: Popup.C:82
JSignal< std::string > & okPressed()
Signal emitted when ok pressed.
Definition: Popup.h:74
const std::string & defaultValue() const
Get the default value for a prompt dialog.
Definition: Popup.h:63
Popup * confirmPay_
Popup for paying.

Member Function Documentation

◆ confirmed()

void JavascriptExample::confirmed ( )
private

The user has confirmed the payment.

Definition at line 88 of file JavascriptExample.C.

89 {
90  new WText("<br/>Just payed $" + promptAmount_->defaultValue() + ".", root());
91 }
Popup * promptAmount_
Popup for changing the amount.
const std::string & defaultValue() const
Get the default value for a prompt dialog.
Definition: Popup.h:63

◆ setAmount()

void JavascriptExample::setAmount ( std::string  amount)
private

Set the amount to be payed.

Definition at line 76 of file JavascriptExample.C.

77 {
78  // Change the confirmation message to include the amount.
79  confirmPay_->setMessage("Are you sure you want to pay $" + amount + " ?");
80 
81  // Change the default value for the prompt.
83 
84  // Change the text that shows the current amount.
85  currentAmount_->setText("Current amount: $" + promptAmount_->defaultValue());
86 }
Popup * promptAmount_
Popup for changing the amount.
WText * currentAmount_
WText for showing the current amount.
void setDefaultValue(const std::string defaultValue)
Change the default value for a prompt dialog.
Definition: Popup.C:66
void setMessage(const WString &message)
Change the message.
Definition: Popup.C:60
const std::string & defaultValue() const
Get the default value for a prompt dialog.
Definition: Popup.h:63
Popup * confirmPay_
Popup for paying.

Member Data Documentation

◆ confirmPay_

Popup* JavascriptExample::confirmPay_
private

Popup for paying.

Definition at line 46 of file JavascriptExample.h.

◆ currentAmount_

WText* JavascriptExample::currentAmount_
private

WText for showing the current amount.

Definition at line 50 of file JavascriptExample.h.

◆ promptAmount_

Popup* JavascriptExample::promptAmount_
private

Popup for changing the amount.

Definition at line 42 of file JavascriptExample.h.


The documentation for this class was generated from the following files:

Generated on Thu Jan 12 2017 for the C++ Web Toolkit (Wt) by doxygen 1.8.13