ASP.NET MVC Controls | ComponentOne
In This Topic
    Scaffolding
    In This Topic

    The steps to scaffold ComponentOne FlexRadar control for ASP.NET MVC are as follows:

    1. Configure a data source in your application. For more information on configuring a data source, see Data Source Configuration topic.
    2. In the Solution Explorer, right-click the project name and select Add|New Scaffolded Item. The Add Scaffold wizard appears.

    3. In the Add Scaffold wizard, select Common and then select C1 Scaffolder from the right pane.

      Dispalying C1 Scaffolding in Add Scaffolder Wizard
      You can also select Common|MVC|Controller or Common|MVC|View and then C1 Scaffolder to add only a controller or a view.

    4. Click Add.

    5. In the Add Scaffold dialog, select FlexRadar control, and the click Next.

      Dispalying controls list in the Add Scaffolder Wizard
      The C1 ASP.NET MVC FlexRadar wizard appears with the General tab selected by default.

    6. In the General tab, specify the model details as follows:

      1. Enter the Controller Name and View Name.
      2. Select Model Class from the drop-down list. The list shows all the available model types in the application in addition to the C1NWind.edmx model added in Step 1. In our case, we select SalesByQuarter to populate data in FlexRadar.
      3. Select Data Context Class from the drop-down list. In our case, we select C1NWindEntities.
      4. In the BindingX drop-down, select a column to bind it with your FlexRadar. In our case, we have selected QuarterMonth.
      5. In the Binding drop-down, select a column to bind it with your FlexRadar. In our case, we have selected ProductX.

        Disaplying General tab in C1 ASP.NET MVC FlexRadar window of the Add Scaffolder Wizard
    7. Click Add. You will see that the Controller and View for the selected model are added to your project. Once the code is generated, you can run the project using the F5 button.

      FlaxRadar created using C1 Scaffolder