Displaying the ShoppingCart with a DataGrid

When you finished Lesson 11, “Creating and Dispatching Events,” you had the contents of your cart displayed in a List control with the ability to remove the current item you were viewing via a Remove from Cart button. You will now use a DataGrid to display the contents of the cart. The DataGrid control supports the syntax that allows you to specify the columns explicitly through the GridColumn:

<s:DataGrid ... >
  <s:columns>
    <s:ArrayList>
      <s:GridColumn dataField="" .../>
      <s:GridColumn .../>
      <s:GridColumn .../>
    </s:ArrayList>
  </s:columns>
</s:DataGrid>