Creating a Grid Component - Tutorial
/documentation/pages/Guides/Mobile and Web Components/Grid/Introducing the Grid Builder/Tutorials/Creating a Grid Component - Tutorial.xml
Covers a range of topics including selecting a database, creating a grid component, selecting data to use and display in the component, and how to view the component in a browser.
Open a Page Layout component
/documentation/pages/Ref/Action Javascript/Open a Page Layout component.xml
Open a Page Layout component in a pop-up window, or in a DIV on the current page.
Grid Component - SQL Database Errors
/documentation/pages/Server/Guide/Design/View/Grid/Grid Component/Grid Component SQL Database Errors.xml
You can now customize the text that is displayed when the SQL Database reports an Insert, Update or Delete error. By default, Alpha Anywhere displays this text for an Update, Delete or Insert Error:
Ordering Lookup Entries - Grid Component
/documentation/pages/Server/Guide/Design/View/Grid/Ordering Lookup Entries - Grid Component.xml
Often you will want to display a list of values selected from a table. It is often desirable to specifically order these entries, instead of allowing them to display in record order or alphabetically. Here is a technique for solving this problem. This example uses a drop down list box on a dialog component, but the technique works equally well with a list box on a grid component.
UX Component
/documentation/pages/Client/Guide/Design/View/Grid/UX Component - Older Page.xml
This is an older UX Component page that gives a general overview of the builders categories, properties, and features. For a more current description of the UX builder visit the other UX Component page.
Javascript System Events
/documentation/pages/Guides/Mobile and Web Components/Grid/Grid Properties/Javascript System Events/index.xml
The Grid Object contains a very rich system of client-side events that you can use to customize the Grid behavior.
Grid Component - Checkbox Column - Custom Ajax Callbacks
/documentation/pages/Server/Guide/Design/View/Grid/Grid Component/Grid Component Checkbox Column, Custom Ajax Callbacks.xml
When you do a custom Ajax callback, the 'e' object that is passed into your Xbasic function that handles the callback contains a lot of useful information. Now, the 'e' object contains 3 additional properties that are automatically set if the grid has a checkbox column. The properties are:
onGridRender
/documentation/pages/Guides/Mobile and Web Components/Grid/Code/Client-side Events/onGridRender.xml
Fires after all of the records in the Grid Part have been rendered but before any system JavaScript events are triggered. Contrast with onGridRenderComplete which fires after all system JavaScript events are triggered.
Warning - Detail View has client-side validation errors'
/documentation/pages/Guides/Mobile and Web Components/UX/Controls/Props/Data/List Properties/listprops/Detail View/Customization/Warning - Detail View has client-side validation error.xml
The 'hasClientSideValidationErrors' event fires when the user tries to save Detail View edits back to the List and one or more controls in the Detail View has a client-side validation error.
Code
/documentation/pages/Guides/Mobile and Web Components/Grid/Introducing the Grid Builder/Code.xml
The Code section allows you to add Server-side and Client-side Event handlers, custom Xbasic Functions, and Javascript Functions to your grid. You can adapt your code to examine the contents of a grid, properties of a grid, and the data being submitted. You can then take action to modify values or even cancel the submission.