In this post I’ll show you how to use bindings together with a M3 Listpanel as well as conditions in Mashups Events to solve a scenario when you have two different M3 lists, for example one listpanel CRS610 and one listpanel MMS002 and you want to use information from thess panels to trigger a new listpanel (OIS320). If you just set up the currentItemChanged on the first two lists you will notice that either customer or item is blank depending on the list were you selected a row.

Another issue that you need to consider is if the third list requires customer and item to be selected, becuase in that case you should not trigger the list event if only one of the two is selected. To solve this requirement we need to use both bindings and event conditions.

Using a CurrentItem binding

In the Mashup Designer I recommend that you read the SDK documentation for the controls that you use in your mashups. In this example we use the ListPanel so let’s check the documentation. It is found under Help (?) -> SDK Documentation.

Once the SDK Documentation opens in a new window search for ListPanel. There will be three hits and it is the ListPanel in MForms that we are interested of.

The ListPanel has a CurrentItem property and it represents the CurrentItem which for the list is the selected row. The property returns an object but this is an object that you can use an indexer on to get a specific value. In my example I have created three ListPanels, one customerList (CRS610) och itemList (MMS002) and one priceList (OIS320). Both the customerList and the itemList have a CurrentItemChanged event and a Startup event specified. The CurrentItemChanged event will trigger the List event for the priceList. However, all values are sent in the event and the value that does not exist in the panel itself is entered as a Binding.

This gives me the following events for the customerList:

<m3:ListPanel.Events>
   <mashup:Events>
    <mashup:Event SourceEventName="Startup" TargetEventName="List">
      <mashup:Parameter TargetKey="OKCONO" />
     <mashup:Parameter TargetKey="OKCUNO" />
    </mashup:Event>
    <mashup:Event SourceName="customerList" TargetName="priceList" SourceEventName="CurrentItemChanged" TargetEventName="List" Debug="True">
     <mashup:Event.Conditions>
      <mashup:Conditions>
       <mashup:Condition SourceValue="{Binding ElementName=itemList, Path=CurrentItem[ITNO]}" TargetValue="" Operator="NotEqual" />
       <mashup:Condition SourceValue="{Binding ElementName=customerList, Path=CurrentItem[CUNO]}" TargetValue="" Operator="NotEqual" />
      </mashup:Conditions>
     </mashup:Event.Conditions>
     <mashup:Parameter TargetKey="CUNO" SourceKey="CUNO" />
     <mashup:Parameter TargetKey="OTITNO" Value="{Binding ElementName=itemList, Path=CurrentItem[ITNO]}" />
    </mashup:Event>
   </mashup:Events>
  </m3:ListPanel.Events>

The key note here is the binding for the TargetKey=”OTITNO”, the value is set to a standrad WPF Binding. The elementName is the name of the ListPanel that has items, itemList and the selected row is the CurrentItem property and you use the indexer [fieldName], to get a specific value. And since the priceList requires ITNO I need to set it in the event. The other list has the same events but binds in customer instead.

I have two lists and when I click one list both customer and item are delivered to the priceList, that is if both lists have a selection. The first time I select a customer, there is not item selected and then item is empty. What if I only want to trigger the List event on the priceList if both customer and item is selected?

This is were Event Conditions come in handy.

Event Conditions

Event conditions can be very useful and there is a pretty cool example on it found in the Mashup Designer under Help -> Common Controls -> Condition. If you haven’t played around with all the examples you definately should do that.

I only want to trigger List on the priceList when there is a value for both customer and item. So I add a condition on the CurrentItemChanged event for both of my lists.

This is what the XAML looks like. In this case I use bindings for both, but I could have used SourceKey for the value that is available in that panel.

    <mashup:Event SourceName="customerList" TargetName="priceList" SourceEventName="CurrentItemChanged" TargetEventName="List" Debug="True">
     <mashup:Event.Conditions>
      <mashup:Conditions>
       <mashup:Condition SourceValue="{Binding ElementName=itemList, Path=CurrentItem[ITNO]}" TargetValue="" Operator="NotEqual" />
       <mashup:Condition SourceValue="{Binding ElementName=customerList, Path=CurrentItem[CUNO]}" TargetValue="" Operator="NotEqual" />
      </mashup:Conditions>
     </mashup:Event.Conditions>
     <mashup:Parameter TargetKey="CUNO" SourceKey="CUNO" />
     <mashup:Parameter TargetKey="OTITNO" Value="{Binding ElementName=itemList, Path=CurrentItem[ITNO]}" />
    </mashup:Event>

In order to this mashup to work the user must have selected to accept the terms of price simulation in OIS320/P. I have not managed to set this value on the Bookmark.

This is the final result:

Here is the complete XAML.

<Grid xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:ui="clr-namespace:Mango.UI.Controls;assembly=Mango.UI" xmlns:mashup="clr-namespace:Mango.UI.Services.Mashup;assembly=Mango.UI" xmlns:m3="clr-namespace:MForms.Mashup;assembly=MForms">
 <Grid.Resources>
   <mashup:ShowMessage x:Key="ShowMessage" />
 </Grid.Resources>

 <Grid.ColumnDefinitions>
  <ColumnDefinition Width="*" />
  <ColumnDefinition Width="*" />
 </Grid.ColumnDefinitions>
 <Grid.RowDefinitions>
  <RowDefinition Height="*" />
  <RowDefinition Height="*" />
  <RowDefinition Height="Auto" />
 </Grid.RowDefinitions>
 <m3:ListPanel Name="customerList">
  <m3:ListPanel.Events>
   <mashup:Events>
    <mashup:Event SourceEventName="Startup" TargetEventName="List">
     <mashup:Event.Conditions>
      <mashup:Conditions>
       <mashup:Condition />
      </mashup:Conditions>
     </mashup:Event.Conditions>
     <mashup:Parameter TargetKey="OKCONO" />
     <mashup:Parameter TargetKey="OKCUNO" />
    </mashup:Event>
    <mashup:Event SourceName="customerList" TargetName="priceList" SourceEventName="CurrentItemChanged" TargetEventName="List" Debug="True">
     <mashup:Event.Conditions>
      <mashup:Conditions>
       <mashup:Condition SourceValue="{Binding ElementName=itemList, Path=CurrentItem[ITNO]}" TargetValue="" Operator="NotEqual" />
       <mashup:Condition SourceValue="{Binding ElementName=customerList, Path=CurrentItem[CUNO]}" TargetValue="" Operator="NotEqual" />
      </mashup:Conditions>
     </mashup:Event.Conditions>
     <mashup:Parameter TargetKey="CUNO" SourceKey="CUNO" />
     <mashup:Parameter TargetKey="OTITNO" Value="{Binding ElementName=itemList, Path=CurrentItem[ITNO]}" />
    </mashup:Event>
   </mashup:Events>
  </m3:ListPanel.Events>
  <m3:ListPanel.Bookmark>
   <m3:Bookmark Program="CRS610" Table="OCUSMA" KeyNames="OKCONO,OKCUNO" />
  </m3:ListPanel.Bookmark>
 </m3:ListPanel>
 <m3:ListPanel Name="itemList" Grid.Column="1">
  <m3:ListPanel.Events>
   <mashup:Events>
    <mashup:Event SourceEventName="Startup" TargetEventName="List">
     <mashup:Parameter TargetKey="MBCONO" />
     <mashup:Parameter TargetKey="MBWHLO" />
     <mashup:Parameter TargetKey="MBITNO" />
    </mashup:Event>
    <mashup:Event SourceName="itemList" TargetName="priceList" SourceEventName="CurrentItemChanged" TargetEventName="List" Debug="True">
    <mashup:Event.Conditions>
      <mashup:Conditions>
       <mashup:Condition SourceValue="{Binding ElementName=itemList, Path=CurrentItem[ITNO]}" TargetValue="" Operator="NotEqual" />
       <mashup:Condition SourceValue="{Binding ElementName=customerList, Path=CurrentItem[CUNO]}" TargetValue="" Operator="NotEqual" />
      </mashup:Conditions>
     </mashup:Event.Conditions>
     <mashup:Parameter TargetKey="OTCUNO" Value="{Binding ElementName=customerList, Path=CurrentItem[CUNO]}" />
     <mashup:Parameter TargetKey="OTITNO" SourceKey="MBITNO" />
    </mashup:Event>
   </mashup:Events>
  </m3:ListPanel.Events>
  <m3:ListPanel.Bookmark>
   <m3:Bookmark Program="MMS002" Table="MITBAL" KeyNames="MBCONO,MBWHLO,MBITNO" />
  </m3:ListPanel.Bookmark>
 </m3:ListPanel>
 <m3:ListPanel Name="priceList" Grid.Row="1" Grid.ColumnSpan="2">
  <m3:ListPanel.Bookmark>
   <m3:Bookmark Program="OIS320" Table="OOI320" KeyNames="OTCONO,OTCUNO,OTITNO,OTDWDT,OTQTLB,OTNETP,OTFVDT,OTDIPO,OTAGNO,OTAGLN,OTPRRF,OTPIDE" />
  </m3:ListPanel.Bookmark>
 </m3:ListPanel>
 <ui:StatusBar Name="StatusBar" Grid.Row="2" Grid.ColumnSpan="2" Grid.Column="0" />
</Grid>