Saturday, October 20, 2007

List panels in Dynaics AX - a short description of SysListPanel class

SysListPanel class – what is it?

Whenever a user needs to select a number of values from a certain list, so that the selected list gets processed and saved, a list panel can be used. Another use of this type of control is when you are assigning certain properties/options to a specific object.

A good example is the “Administration\Users” form, where each user is assigned to one or more user groups, giving him certain access to DAX functionality.

Here is how it looks:


SysListPanel is the basic class for a large hierarchy of classes showing different list panels throughout the application.

The hierarchy tree for this class is shown below (DAX 4.0 SP2):

One important thing you need to understand when working with list panels – the class is not enough. :) When there is a class, there is a form, containing the list panel and using this class. But, of course, the class is responsible for most of the things happening when a user works with list panels.

SysListPanel or SysListPanelSet – which class to use?

When I consider, what class to extend when creating a list panel on a form, I start off by figuring out how the selected data is going to be stored. If the data selection is supposed to be reflected in the database (for example, when we add the user to a user group, a record is created in UserGroupList table), then extending from SysListPanel should be your choice in most cases.

SysListPanelSet is already an extension of the SysListPanel class, and has one extra variable declaration – inSet variable of type SET. This is the entity that is going to store the values a user selects in the list panel. They can, when selected, be used for further processing.

The SysListPanelSet_TableBrowser class, used in the DEV_SysTableBrowser project (http://www.axaptapedia.com/DEV_SysTableBrowser) is an example, using this set to create the selected controls in the browser.

You should also notice from the SysListPanel hierarchy tree, that there are a lot of classes already available in the application, so it is wise to re-use one of the existing classes, if it matches your requirements or extend from one of them and not from the base class.

Again, the SysListPanelSet_TableBrowser class is an example, as it is extending from the SysListPanelSet_Fields class. It uses the functionality of this class to get the data about table fields, extending them with information about display methods and interaction with the browser form.

Creating a list panel – what methods need to be implemented?

Let’s say the SysListPanelSet_TableBrowser class does not exist yet, and we are just planning to create it, along with the form.

Creating the form is the easy part. There are not many requirements that have to be fulfilled here.

First of all, of course, you need to have a variable to reference your listPanel class. Put it in the classDeclaration of the form, so that it is visible in all form methods. And after that all that is left to do is to create an object of your listPanel class, and the class will do the rest of the work.

Here is what needs to be done:
  1. In the init() method of the form, you need to initialize the listPanel class, specifying, that it is this form you want the list panel to be on, the group that the list panel is going to be in on the form, and any other relevant parameters (for example, when using SysListPanelSet, you usually pass the current state of the values (inSet) as well.
  2. Most convenient way to accomplish this is by creating a static method with the needed list of parameters, and call this method from the init() method of the form. Usually, this method is named newForm.
  3. The SysListPanel class contains a lot of parm* methods, that you can use to modify the behavior of the list panel. The SysListPanelSet adds another method to that list, allowing to set the current set of selected values (parmInSet). You can see how these methods are used in Classes\SysListPanelSet_Fields_TableBrowser\newForm() method.
  4. After basic initialization you have to call the build method. The build method of SysListPanel class is responsible for actually adding all the needed controls to the specified form. Depending on the parameters that you set before calling this method, the list panel will/won’t add the “Add All”/”Remove All” buttons, the “Up” and “Down” buttons, will set the needed number of columns shown in the panels, etc. You can override any of the methods, adding additional functionality (see \Classes\SysListPanelSet_TableBrowser \build() method) or even completely rewrite the code of the basic method (this is not recommended, of course). Notice, that the build method should be called BEFORE super() in the form’s init() method, because FormBuild*Control classes are used to add controls to the form.
  5. After build method is executed, all FormBuild*Controls are initialized. You need to call the init method then, so that all Form*Control variables are initialized. This method should be called AFTER the super() call in the form init method, as Form*Controls don’t exist until super() is called.
  6. The last thing you have to do is call the fill method of your new class, so that the list panel is filled with needed data. Let’s talk about this method in a little more detail below.

The Classes\SysListPanel\fill() method, basically, consists of 4 parts:

  1. getData method is called. This is the method that gathers the data for the left and right part of the list panel. This is an abstract method, and it has to be implemented in the extending class. It returns a container with all the information for the list panel. It is different from class to class and depends on the data being shown in the list panel.
  2. Both parts of the list panel are cleared and list panel columns are created (the first time).
  3. fillView method is called for both parts of the list panel. These methods use the data generated in step 1.
  4. Buttons are enabled depending on the data in both list panel parts. For example, if there are no items selected (left part of the list panel), than the "Remove" and "RemoveAll" buttons are disabled.

The rest of the methods on SysListPanel class are for handling events that occur from user interaction.

The class is the handler of these events in most cases, controlMethodOverloadObject method is used to specify that when the list panel is built.

I guess, the only two methods left that are worth mentioning are the abstract methods addData and removeData. Both of these have to be implemented in the child class, providing the logic for adding and removing items from the left part of the list panel. For example, for SysListPanelSet class the implementation is very simple, just adding or removing the item from the inSet object. For classes extending directly from SysListPanel these methods are where the main logic is located, adding or removing records from the database. In most cases, these methods simply call a server method that does all the needed actions (Remember the rule of thumb – place database logic as close to the database layer as possible).

That is pretty much all you need to know to use and create list panels in Dynamics AX.

Conclusion

Of course, this is not a full description, and much can be added to the information posted here.

If you have any additions, corrections or questions, feel free to post them as comments.

See also

\Forms\Tutorial_SysListPanel

8 comments:

  1. Very helpful post. If you want to start with something simple, then got to Forms/tutorial_ListPanel. This tutorial makes it easy to understand how list panel works.

    ReplyDelete
  2. its helpful really , but one question .. how can i raise on select event to handle anything that been selected .. thanx,
    Khalid Akkawi

    ReplyDelete
  3. Well, here is an example:

    If you select 4 items and click the add button (< button), the method
    panel_Add_clicked() is automatically called on the SysListPanel class. (I won't go into details as to why this method is called)

    in this method, the method SysListPanel.add is called, where the items are iterated one by one. The flag that it uses makes sure that only the selected items are iterated - which is basically what you want, as far as I understand

    ReplyDelete
  4. Well, here is an example:

    If you select 4 items and click the add button (< button), the method
    panel_Add_clicked() is automatically called on the SysListPanel class. (I won't go into details as to why this method is called)

    in this method, the method SysListPanel.add is called, where the items are iterated one by one. The flag that it uses makes sure that only the selected items are iterated - which is basically what you want, as far as I understand

    ReplyDelete
  5. hi can you point out where the data in left selected and right selected views are stored.
    for example i get some settings from user using list panel then how can i see in the consumer form what settings user chose so that UI can be displayed accordingly ?

    ReplyDelete
  6. I am afraid that's not enough info for me to answer properly, so here's a generic answer:
    If you read the post carefully, you saw there are 2 approaches in these classes: 1 where data is stored in the database, and the other is where the data is stored in the inSet variable (of type Set).
    The easiest is to just open up an example in AOT (or from the above project) and see how it's done there.

    ReplyDelete
  7. Hi Vanya,

    Thanks for this post. It has really helped to get started. I've implemented a form by creating my own extension of SysListPanelSet.

    I have for example a list of customers, so initially I have the list of customers in the left view and the right view is empty.

    Now the user selects some users and puts them in the right side. So now I have for example 45 customers in the left side and 5 in the right side.

    What I want to do is enable a button in the form, so that I can send a message to the 5 customers in the right side.

    However, when I read the "inset" varible, I just get {} with nothing inside.

    What is the correct way of reading the contents of the inset variable? or How can I read the data in the right view when the button is clicked?

    Thanks

    ReplyDelete
  8. Hey Jack.
    Would you be able to send me the xpo with your class which I would be able to run on my system?
    That would make it easier to understand and answer your question.

    ReplyDelete

Please don't forget to leave your contact details if you expect a reply from me. Thank you