バージョン

行の追加を有効にする

始める前に

WebHierarchicalDataGrid™ コントロールの新規行追加機能を使用してエンドユーザーは新しいレコードを追加できます。 RowAdding 動作は、コントロールに常にあるこの空の行を提供します。新しいデータを新規行追加に入力し行のフォーカスを失わせると、その行は WebHierarchicalDataGrid と元となるデータ ソースに挿入されます。行がフォーカスを取得またはフォーカスを失うには、Activation 動作を有効にする必要があります。Activation 動作の詳細は、 アクティブ化トピックを参照してください。

注： RowAdding が子バンドに有効にされ、親行が子を持たない場合、展開インジケーターは今まで通り存在します。展開すると、空の子グリッドおよび新規行追加が下に表示されます。

達成すること

新しい行を WebHierarchicalDataGrid に追加できるようにする方法を学習します。

次の手順を実行します

  1. WebHierarchicalDataGrid を WebHierarchicalDataSource™ コンポーネントにバインドし、Categories および Products テーブルからデータを取得します。実行についての詳細は、 階層的なデータ ソースにバインドを参照してください。変更をデータ ソースに更新できるように、HierarchicalDataGrid にバインドする各データ ソースごとに DataKeyFields プロパティを設定します。Microsoft® Visual Studio [プロパティ] ウィンドウで、 Behaviors プロパティを指定して、省略記号 (…​) ボタンをクリックし、[動作エディター] ダイアログを起動します。

  2. 左側にあるリストから行の追加チェックボックスを選択して動作を追加します。 EditingCore 動作もチェックされていることに注意してください。

  3. EditingCore および行追加動作の EnableInheritance プロパティを True に設定します。これによって、すべての子レベルが行追加動作を自動的に継承することが可能になります。このプロパティのデフォルト値は False です。

  4. プロパティで、 Alignment が Bottom に設定されていることをチェックします。これによって [新規追加行] が WebHierarchicalDataGrid の一番下に追加されます。

  5. [適用] そして [OK] ボタンをクリックしてエディターを閉じます。データを行に入力し、キーボードの Enter キーを押すことによって行がフォーカスを失うことによって、新しい行を WebHierarchicalDataGrid に追加することが可能となりました。

WebHierarchicalDataGrid Enabling Row Adding.png

コードでも行の追加を有効にします。

In HTML:

<ig:WebHierarchicalDataGrid ID="WebHierarchicalDataGrid1" runat="server"
    Height="350px" Width="400px">
    <Behaviors>
        <ig:EditingCore EnableInheritance="True">
            <Behaviors>
                <ig:RowAdding Alignment="Bottom" Enabled="true" EnableInheritance="True">
                </ig:RowAdding>
            </Behaviors>
        </ig:EditingCore>
    </Behaviors>
</ig:WebHierarchicalDataGrid>

In Visual Basic:

Me.WebHierarchicalDataGrid1.Behaviors.EditingCore.EnableInheritance = True
Me.WebHierarchicalDataGrid1.Behaviors.EditingCore.Behaviors.RowAdding.Enabled = true
Me.WebHierarchicalDataGrid1.Behaviors.EditingCore.Behaviors.RowAdding.Alignment = AddNewRowAlignment.Bottom
Me.WebHierarchicalDataGrid1.Behaviors.EditingCore.Behaviors.RowAdding.EnableInheritance = True

In C#:

this.WebHierarchicalDataGrid1.Behaviors.EditingCore.EnableInheritance = true;
this.WebHierarchicalDataGrid1.Behaviors.EditingCore.Behaviors.RowAdding.Enabled = true;
this.WebHierarchicalDataGrid1.Behaviors.EditingCore.Behaviors.RowAdding.Alignment = AddNewRowAlignment.Bottom;
this.WebHierarchicalDataGrid1.Behaviors.EditingCore.Behaviors.RowAdding.EnableInheritance = true;

関連トピック

アクティブ化

セルの編集

ページングを有効にする

行の削除を有効にする

選択

並べ替え