実行時にユーザーが列を移動するときに、AJAX を使用してグリッドを更新できます。たとえば、デザイナ、ソースビュー、およびコードで列を移動するときに、AJAX を使用してグリッドを更新できます。

デザイナの場合

列を移動するときに AJAX を有効にするには、以下の手順を実行します。

1. C1GridViewコントロールを選択して、プロパティウィンドウで AllowColMoving プロパティを True に設定します。この時点で、プログラムを実行すると、列を移動したときにページ全体が更新されることに注意してください。
2. プロジェクトで、C1GridViewがまだ選択された状態で、CallbackSettings ノードを展開します。プロパティウィンドウのActionプロパティの横のドロップダウン矢印をクリックして、ColMove チェックボックスを ON にします。

ソースビューの場合

ソースビューに切り替え、AllowColMoving="True" と CallbackOptions="ColMove" を <cc1:C1GridView> タグに追加します。次のような表示になります。

<cc1:C1GridView ID="C1GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="AccessDataSource1" VisualStylePath="~/C1WebControls/VisualStyles" AllowColMoving="True">
    <CallbackSettings Action="ColMove" />

コードの場合

列の移動時に AJAX を有効にするには、次のコードを Page_Load イベントに追加します。

Visual Basic コードの書き方

C1GridView1.AllowColMoving = True
C1GridView1.CallbackSettings.Action = CallbackAction.ColMove

C# コードの書き方

C1GridView1.AllowColMoving = true;
C1GridView1.CallbackSettings.Action = CallbackAction.ColMove;

このトピックの作業結果

プログラムを実行して、列を移動します。ページ全体ではなく、グリッドのみが更新されることに注意してください。