Utilisation de la fonction OnAjaxCallFinishedClientFunction de GridWeb

Scénarios d’utilisation possibles

OnAjaxCallFinishedClientFunction est une fonction côté client qui est appelée lorsque l’utilisateur copie des données dans la feuille de calcul GridWeb. Cette fonction est utile lorsque de nombreuses cellules sont mises à jour et que vous souhaitez suivre ces cellules mises à jour côté client (c’est-à-dire dans les navigateurs Web tels que FireFox, Google Chrome, etc.).

Utilisation de la fonction OnAjaxCallFinishedClientFunction de GridWeb

Le code d’exemple suivant explique comment utiliser la fonction cliente OnAjaxCallFinishedFunctionFunction. Les captures d’écran montrent la sortie de la console dans Google Chrome et FireFox lorsque le code est exécuté. Une fois le code exécuté, veuillez copier/coller des données s’étendant sur plusieurs cellules à l’intérieur de la feuille de calcul GridWeb, puis vérifier la console du navigateur Web comme indiqué dans les captures d’écran.

Sortie de console de Google Chrome

todo:image_alt_text

Sortie de console de FireFox

todo:image_alt_text

Code d’exemple

 //-------------------------------------------------------

//------TestGridWeb.aspx---------------------------------

//-------------------------------------------------------

//

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TestGridWeb.aspx.cs" Inherits="TestGridWeb" %>

<%@ Register TagPrefix="acw" Namespace="Aspose.Cells.GridWeb" Assembly="Aspose.Cells.GridWeb" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>Test GridWeb</title>

    <script type="text/javascript">



    var updateCells = new Array();



    function TestAjaxCallFinish()

    {

        for (var i = 0; i < updateCells.length; i++) {

            console.log("updated:" + toString(this,updateCells[i]));

        }

        updateCells = [];

    }

    function CellUpdate(cell) {

        var id = updateCells.length;

        updateCells[id++] = cell;

    }

    function toString(gridweb,cell) {

        return gridweb.getCellName(cell) +

            ",value is:" +

            gridweb.getCellValueByCell(cell) +

            " ,row:" +

            gridweb.getCellRow(cell) +

            ",col:" +

            gridweb.getCellColumn(cell);

    }

</script>

</head>

<body>

    <form id="form1" runat="server">

        <div>

            <div>

                <b>GridWeb Version:&nbsp </b>

                <asp:Label ID="lblVersion" runat="server" Text="Label"></asp:Label>

                <br />

            </div>

            <acw:GridWeb ID="GridWeb1" runat="server" XhtmlMode="True" Height="504px" Width="1119px" EnableAJAX="true" OnAjaxCallFinishedClientFunction="TestAjaxCallFinish" OnCellUpdatedClientFunction="CellUpdate">

            </acw:GridWeb>

        </div>

    </form>

</body>

</html>

//-------------------------------------------------------

//------TestGridWeb.aspx.cs------------------------------

//-------------------------------------------------------

//

using System;

using System.Web.UI;

using Aspose.Cells.GridWeb;

public partial class TestGridWeb : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        if (Page.IsPostBack == false && this.GridWeb1.IsPostBack == false)

        {

            lblVersion.Text = GridWeb.GetVersion();

        }

    }

}