Share this blog:

Friday, January 06, 2012

Alpha Five Version 11 Feature Peek #33: Eliminate vacant values by calling a dialogue component from a grid

In this video, Selwyn talks about calling a dialogue component from a grid, and then passing that information from the dialogue back to the grid. This is a design patent that's common in Alpha Five Version 11, so we're happy to be giving it a feature peek debut.

Selwyn has constructed a simple example grid to get us started. It consists of a list of customers, showing their first and last names, as well as a customer ID number. By pressing the open dialogue button to the right of each name, you'll be able to open a dialogue in a drop-down window and enter a specified value. Then, clicking the set value in grid button will allow the value to be automatically entered into the current row of the grid.

Then, Selwyn takes you to get your hands dirty when he switches from working preview to design mode to demonstrate how this was accomplished. Once the button option has been selected, you'll see that the window that enables the customization of the button, the onclick event window, pops up.

Once inside, you'll see that this dialogue uses action JavaScript to open the dialogue component. Before that, we've used some inline JavaScript, and by hitting the edit action button, you'll be able to see how it prompts the dialogue to open the component. Selwyn is also able to set the dialogue name, the window style, and more. He can also choose whether or not to enable the auto close of a dirty dialogue, which is a special behavior that allows you to click anywhere outside of the window to close the drop-down menu, unless that menu is dirty.

Now you'll get to take a look at that inline JavaScript, the making of the button that allows your set values to be automatically entered in the grid, and more. If your curious to see how the finished product turned out, check out the video below.


Video 

How have you customized your grids with Version 11? Tell us here in a comment.

0 comments:

Related Posts Plugin for WordPress, Blogger...