Examples

• Enterprise Edition Samples
  • WM Blog
• How To Examples
  • Grid MultiSelect
  • Grid CheckBoxes
  • Widget Tutorial
  • Computed Columns
  • Dialog Boxes
  • Static Data Select Editors
  • Google Charts
  • Passing start arguments via the URL
  • Getting the server session
  • MySQL table with Auto ID and TimeStamp
  • Master-Detail
  • LiveView with Foreign Key

Enterprise Edition Samples

These examples use Enterprise Edition specific features.

WM Blog

WMBlog.zip

wmblog.sql

Community Examples

Master - Detail

Insert using Live View with a Foreign Key

How to Sample Applications

GridMultiSelect

dataGrid1Selected: function(inSender, inIndex) {
    var selectedIndices = inSender.dijit.selection.getSelected(); //getSelected() returns the index of selected items, not the items
    var selectedData = []; //create a code array variable to hold the selected objects
    for (var i=0, s; i<selectedIndices.length; i++) { //iterate and populate selectedData var with items from dataSet
      s = selectedIndices[i];
      selectedData.push(inSender.dataSet.getItem(s).getData()); //push object onto selectedData
    }  
    this.varSelectedActors.isList = true;   //set isList flag of canvas variable
    this.varSelectedActors.setData(selectedData);  //set data of canvas varSelectedActors, Grid2 is bound to this canvas var
  },

Demonstrates:

Multi Select In a grid

Populating a grid from a variable.

First grid is populated by database (mySQL Sakila). A second grid is populated by the items selected in the first grid.

CheckBoxes in a Grid

Forum Post example where the first column of the datagrid is a checkbox for all rows

WidgetTutorial

WidgetTutorial shows a variety of JavaScript code examples to help you get started. In particular, there are three examples shown:

1. Changing the Flex property of a widget dynamically: this is a good way to see the flex property in action.
2. Changing the Layout property of a panel widget dynamically: this shows how the objects inside of a widget are affected by changing its flex property.

Calculated or Computed Columns

Computed Columns version 4.0.1

Demonstrates a calculated column in a grid by adding an extended price column in a purchase list. Sums the total invoice value with a summation of the column in the grid. Automatically selects the first row of the grid using the grid select function.

Popup or Dialog Box

Dialog box version 4.0.1

Demonstrates modal pop-up dialog windows in a WaveMaker application.

Select Editor populated with Static Data

Static Data Select version 4.0.1

Uses a variable of type "entry data" to populate a select editor with name, dataValue pairs.

Label below select editor shows dataValue.

U.S. States Static list in a Select Editor.

Google Charts

Sample chart application

Passing Parameters to a WM app via the URL

using window.location.href

Getting the Session

Getting the sesesion

MySQL Table with Auto_Increment and Current_Timestamp fields.

Forum post

Master-Detail

Forum post

LiveView with Foreign Key

Forum post

Using MuleSource with WaveMaker

High Res Video

*Source code for projects are studio project export zip files. See project exports for more information on importing project export zip files into your studio.

*All projects on this page are version 4.x projects.