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

 <%@page language="java" contentType="text/html; charset=UTF-8" import="com.aspose.gridweb.*"  pageEncoding="UTF-8"%>

<!DOCTYPE html>

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

<head>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<base href="<%=basePath%>">

<script type="text/javascript" language="javascript" src="grid/acw_client/acwmain.js"></script>

<script type="text/javascript" language="javascript" src="grid/acw_client/lang_en.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<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>

<title>Aspose.Cells.GridWeb for Java - Sample JSP Page</title>

<%

//Print GridWeb version on Console

System.out.println("Aspose.Cells.GridWeb for Java Version: " + GridWebBean.getVersion());

ExtPage BeanManager=ExtPage.getInstance();

GridWebBean gridweb=BeanManager.getBean(request);

out.println(gridweb.getHTMLHead());

%>

</head>

<body>

<%

gridweb.setReqRes(request, response);

gridweb.setEnableAJAX(true);

gridweb.setOnAjaxCallFinishedClientFunction("TestAjaxCallFinish");

gridweb.setOnCellUpdatedClientFunction("CellUpdate");

gridweb.setWidth(Unit.Pixel(600));

gridweb.setHeight(Unit.Pixel(400));

gridweb.prepareRender();

out.print(gridweb.getHTMLBody());

%>

</body>

</html>
Lire les valeurs des cellules GridWeb côté client