Wizard for ASP.NET WebForms
コードによるコントロールの作成
タスク別ヘルプ > コードによるコントロールの作成

場合によっては、コードで C1Wizard コントロールをプロジェクトに追加する必要があるかもしれません。このトピックでは、C# と Visual Basic のコードを使用して、2つのC1WizardStep オブジェクトを持つ C1Wizard コントロールを作成する方法を学びます。

以下の手順を実行します。

  1. PlaceHolder コントロールをページに追加します。
  2. デザインビューで、ページをダブルクリックして Page_Load イベントをプロジェクトに追加し、コードエディタに切り替えます。
  3. 以下の名前空間をプロジェクトにインポートします。

    Visual Basic コードの書き方

    Visual Basic
    コードのコピー
    Imports C1.Web.Wijmo.Controls.C1Wizard
    

    C# コードの書き方

    C#
    コードのコピー
    using C1.Web.Wijmo.Controls.C1Wizard;
    
  4. C1Wizard オブジェクトを作成し、その Width プロパティと Height プロパティを設定してから、Page_Load イベントに次のコードを配置することによって、そのオブジェクトをプロジェクトに追加します。

    Visual Basic コードの書き方

    Visual Basic
    コードのコピー
    Dim NewWizard As C1Wizard = New C1Wizard() 
    NewWizard.Width = 300
    NewWizard.Height = 200
    PlaceHolder1.Controls.Add(NewWizard)
    

    C# コードの書き方

    C#
    コードのコピー
    C1Wizard NewWizard = new C1Wizard();
    NewWizard.Width = 300;
    NewWizard.Height = 200;
    PlaceHolder1.Controls.Add(NewWizard); 
    
  5. 3つの C1WizardStep オブジェクトを作成し、それらを C1Wizard に追加します。このコードは、Page_Load イベントにも追加する必要があります。

    Visual Basic コードの書き方

    Visual Basic
    コードのコピー
    '3つの C1WizardStep オブジェクトを作成します。
    Dim C1WizardStep1 As C1WizardStep = New C1WizardStep() 
    Dim C1WizardStep2 As C1WizardStep = New C1WizardStep() 
    'WizardStep の 'Text' プロパティを設定します。
    C1WizardStep1.Title = "C1Wizard手順1"
    C1WizardStep2.Title = "C1Wizard手順2"
    '3つの C1WizardStep オブジェクトを C1Wizard に追加します。
    NewWizard.Controls.Add(C1WizardStep1)
    NewWizard.Controls.Add(C1WizardStep2)
    

    C# コードの書き方

    C#
    コードのコピー
    3つの C1WizardStep オブジェクトを作成します。
    C1WizardStep C1WizardStep1 = new C1WizardStep();
    C1WizardStep C1WizardStep2 = new C1WizardStep();
    WizardStep の「Text」プロパティを設定します。
    C1WizardStep1.Title = "C1Wizard手順1";
    C1WizardStep2.Title = "C1Wizard手順2";
    3つの C1WizardStep オブジェクトを C1Wizard に追加します。
    NewWizard.Controls.Add(C1WizardStep1);
    NewWizard.Controls.Add(C1WizardStep2); 
    
  6. プログラムを実行します。

このトピックは、次のことを示します。

プロジェクトが実行されると、C1Wizard コントロールは次の図のようになります。

関連トピック