Lisez les valeurs des cellules GridWeb côté client
Contents
[
Hide
]
Scénarios d’utilisation possibles
Vous pouvez lire les valeurs des cellules GridWeb sur le script côté client à l’aide de la méthode gridwebinstance.getCellsArray(). Une fois que vous l’appellerez, il renverra le tableau de toutes les cellules de la feuille de calcul active. Vous pouvez ensuite utiliser les méthodes suivantes pour récupérer la valeur et d’autres informations des cellules.
- grillewebinstance.getCellName()
- grillewebinstance.getCellValueByCell()
- grillewebinstance.getCellRow()
- grillewebinstance.getCellColumn()
Lisez les valeurs des cellules GridWeb côté client
L’exemple de code suivant récupère toutes les cellules, puis imprime leur nom, leur valeur, leur ligne et leur colonne. Vous pouvez voir sa sortie console au bas de cet article. La capture d’écran suivante montre la sortie de la console de l’exemple de code sur Google Chrome.
Capture d’écran
Exemple de code
<%@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>
<title>Read the values of the GridWeb cells on Client Side</title>
<%
//Print GridWeb version on Console
System.out.println("Aspose.Cells.GridWeb for Java Version: " + GridWebBean.getVersion());
System.out.println(path);
System.out.println(basePath);
ExtPage BeanManager=ExtPage.getInstance();
GridWebBean gridweb=BeanManager.getBean(request);
out.println(gridweb.getHTMLHead());
%>
<script type="text/javascript">
function ReadGridWebCells() {
// Access GridWeb instance and cells array
var gridwebins = gridwebinstance.get("<%=gridweb.get_ClientID()%>");
var cells = gridwebins.getCellsArray();
// Log cell name, values, row & column indexes in console
for (var j = 0; j < cells.length; j++)
{
var cellInfo = j + ":" + gridwebins.getCellName(cells[j]) + ",";
cellInfo += "value is:" + gridwebins.getCellValueByCell(cells[j]) + " ,";
cellInfo += "row:" + gridwebins.getCellRow(cells[j]) + ",";
cellInfo += "col:" + gridwebins.getCellColumn(cells[j]);
console.log(cellInfo);
}
}
</script>
</head>
<body>
<%
gridweb.setReqRes(request, response);
gridweb.setEnableAJAX(true);
gridweb.setWidth(Unit.Pixel(600));
gridweb.setHeight(Unit.Pixel(400));
gridweb.prepareRender();
out.print(gridweb.getHTMLBody());
%>
<button type="button" onclick="ReadGridWebCells()">Click me</button>
</body>
</html>Sortie console
Il s’agit de la sortie console de l’exemple de code ci-dessus.
0:A1,value is:This ,row:0,col:0
1:B1,value is:is ,row:0,col:1
2:C1,value is:sample ,row:0,col:2
3:D1,value is:data ,row:0,col:3
4:E1,value is: ,row:0,col:4
5:F1,value is: ,row:0,col:5
6:G1,value is: ,row:0,col:6
7:H1,value is: ,row:0,col:7
8:A2,value is:This ,row:1,col:0
9:B2,value is:is ,row:1,col:1
10:C2,value is:sample ,row:1,col:2
11:D2,value is:data ,row:1,col:3
12:E2,value is: ,row:1,col:4
13:F2,value is: ,row:1,col:5
14:G2,value is: ,row:1,col:6
15:H2,value is: ,row:1,col:7
16:A3,value is:This ,row:2,col:0
17:B3,value is:is ,row:2,col:1
18:C3,value is:sample ,row:2,col:2
19:D3,value is:data ,row:2,col:3
20:E3,value is: ,row:2,col:4
21:F3,value is: ,row:2,col:5
22:G3,value is: ,row:2,col:6
23:H3,value is: ,row:2,col:7
24:A4,value is:This ,row:3,col:0
25:B4,value is:is ,row:3,col:1
26:C4,value is:sample ,row:3,col:2
27:D4,value is:data ,row:3,col:3
28:E4,value is: ,row:3,col:4
29:F4,value is: ,row:3,col:5
30:G4,value is: ,row:3,col:6
31:H4,value is: ,row:3,col:7
32:A5,value is:This ,row:4,col:0
33:B5,value is:is ,row:4,col:1
34:C5,value is:sample ,row:4,col:2
35:D5,value is:data ,row:4,col:3
36:E5,value is: ,row:4,col:4
37:F5,value is: ,row:4,col:5
38:G5,value is: ,row:4,col:6
39:H5,value is: ,row:4,col:7
40:A6,value is: ,row:5,col:0