Utilizzo di OnAjaxCallFinishedClientFunction di GridWeb

Possibili Scenari di Utilizzo

OnAjaxCallFinishedClientFunction è una funzione sul lato client che viene chiamata quando l’utente copia alcuni dati nel foglio di calcolo di GridWeb. Questa funzione è utile quando vengono aggiornate moltissime celle e si desidera tenere traccia di queste celle aggiornate sul lato client (ad es. nei browser web come FireFox, Google Chrome, ecc.).

Utilizzo di OnAjaxCallFinishedClientFunction di GridWeb

Il seguente codice di esempio spiega come utilizzare la funzione client OnAjaxCallFinishedClientFunction. Le schermate mostrano l’output della console in Google Chrome e FireFox quando il codice viene eseguito. Una volta eseguito il codice, si prega di copiare/incollare alcuni dati che si estendono su più celle all’interno del foglio di calcolo di GridWeb e quindi controllare la Console del browser web come mostrato nelle schermate.

Output della Console di Google Chrome

todo:image_alt_text

Output della Console di FireFox

todo:image_alt_text

Codice di Esempio

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

//------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();

        }

    }

}