استخدام وظيفة OnAjaxCallFinishedClient الخاصة بـ GridWeb

سيناريوهات الاستخدام المحتملة

OnAjaxCallFinishedClientFunction هي وظيفة من جانب العميل يتم استدعاؤها عندما يقوم المستخدم بنسخ بعض البيانات إلى ورقة عمل GridWeb. تكون هذه الوظيفة مفيدة عندما يتم تحديث عدد كبير من الخلايا وتريد متابعة مسار تلك الخلايا المحدثة من جانب العميل (على سبيل المثال، في متصفحات الويب مثل FireFox وGoogle Chrome وما إلى ذلك).

استخدام وظيفة OnAjaxCallFinishedClient الخاصة بـ GridWeb

يشرح نموذج التعليمات البرمجية التالي كيفية الاستفادة من وظيفة العميل OnAjaxCallFinishedClientFunction. تُظهر لقطات الشاشة إخراج وحدة التحكم في Google Chrome وFireFox عند تنفيذ التعليمات البرمجية. بمجرد تنفيذ التعليمات البرمجية، يرجى نسخ/لصق بعض البيانات الممتدة على خلايا متعددة داخل ورقة عمل GridWeb ثم التحقق من وحدة تحكم متصفح الويب كما هو موضح في لقطات الشاشة.

Google مخرج وحدة تحكم كروم

ما يجب القيام به:image_alt_text

مخرجات وحدة تحكم فايرفوكس

ما يجب القيام به:image_alt_text

عينة من الرموز

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

اقرأ قيم خلايا GridWeb على جانب العميل