GridView for ASP.NET Web Forms
実行時のグリッドの更新
タスク別ヘルプ > 実行時のグリッドの更新

RowUpdating イベントを使用してグリッドの基底にあるデータソースを編集できる場合に、もう1つのオプションでクライアント側の Update() メソッドを使用します。RowUpdatingイベントは、クライアント側の Update() メソッドが呼び出されたときに発生します。 状況によっては、このメソッドを使用して、クライアントの編集モードでユーザーによって実行された編集をサーバーに送信する場合があります。

この例では、クリックするとグリッドが更新されるボタンを追加します。 以下の手順を実行します。

  1. 表示]→[マークアップ]を選択してソースビューに切り替えます。
  2. <cc1:C1GridView> タグのすぐ上に以下のマークアップを追加して、アプリケーションにボタンを追加します。
    ソースビュー
    コードのコピー
    <asp:Button ID="btn1" runat="server" Text="更新" OnClientClick="btn_ClientClick()" />
  3. アプリケーションの<head></head>タグ内に以下のマークアップを追加します。
    ソースビュー
    コードのコピー
    <script type="text/javascript">
    function btn_ClientClick(sender, args) {
    var grid = $("#C1GridView1");
    grid.c1gridview("endEdit");
    grid.c1gridview("update");
    }
    </script>

このスクリプトは、ボタンがクリックされたときにグリッドを更新します。

関連トピック