Book Image

Easy Web Development with WaveMaker

By : Edward Callahan
Book Image

Easy Web Development with WaveMaker

By: Edward Callahan

Overview of this book

Developers of all levels can now easily develop custom, responsive, and rich web application clients with secure, scalable servers utilizing relational databases and RESTful services using WaveMaker Studio. Whether you need a departmental business application or a form application for your weekend club, this book will show you how to design, develop, and deploy professional grade web applications with WaveMaker. Easy Web Development with WaveMaker will help you use WaveMaker to design, develop, and deploy rich, responsive web applications, even if you are not a programmer. If you need to build a data-driven web application, but you only know ‘enough to be dangerous,' you need this book. This book examines every angle of using WaveMaker to build applications, from dissecting examples to customizing, deploying, and debugging your own applications. This book enables the non-professional programmer to become comfortable not only with using WaveMaker Studio itself, but also with the artefacts produced by the studio as well as the runtime and services provided by the WaveMaker framework. You will learn everything, from how customize the user experience with JavaScript and CSS to integrating with custom Java services and the Spring Framework server-side. Easy Web Development with WaveMaker 6.5 is packed with examples, code samples, screenshots, and links to equip you to be successful with WaveMaker Studio.
Table of Contents (23 chapters)
Easy Web Development with WaveMaker
About the Author
About the Reviewers
Styling the Application
Working with Databases
Utilizing Web Services

Custom columns

The left part of the Grid Designer dialog lets us control what column is shown where, including the addition of new custom columns with the use of the Add button in the lower-left corner of the dialog, as shown in the following screenshot:

With the custom column added to the layout, we use the right-hand side section of the dialog to set the column properties. In the preceding screenshot, we have added a button column by choosing Button for Format. We have set a display expression that will be the button's label. It simply prepends "Update " to the company name, being certain to leave a space to go before the company name value for the row. This dialog does not handle events, so it reminds us that the button action must be configured using the grid's onGridButtonClick event handler.

In our example, the grid button click event navigates the user to the customer-editing layer and sets the form to update the mode by calling beginDataUpdate() on the form: