/documentation/pages/Server/Guide/Design/View/Grid/Sorting a Grid on Multiple Fields.xml

The default behavior of a grid component allows the user to sort on any column (or row) value by clicking the column (or row) header. What do you do when you want to sort on multiple fields? This example demonstrates a technique.
This page contains two components: a dialog with a drop down list box and a grid displaying fields from the AlphaSports sample database.

In Version 11, Alpha Five has added two types of reusable web components that can be created by any developer with a good knowledge of Xbasic, HTML, and JavaScript. One type is the Custom Component, discussed in this article and those following. The other is the User-defined Component, which is both more flexible and harder to develop. We recommend starting by creating a Custom Component even if your ultimate goal is to develop a User-defined Component.

A User-defined Component is the more flexible big brother of a Custom Component. Like a Custom Component, a User-defined Component can be opened in a window, a DIV, or a Tabbed UI Pane, in a linked content section of a Grid, and in a row expander of a Grid. Like a Custom Component, a User-defined Component has bindable arguments.

Multiple Layouts give users the option to view a Form View control in different ways. What
the Form View' CSS looks like, what items appear on it, and how the control is structured can be easily altered when more than one layout has been defined.
Checking the 'Has multiple layouts' property in the Form Properties section of the Form Properties pane will
open the Multiple Layouts pane. New Form View layouts are created on this pane and then defined in the Form Layout pane as usual.