Visualizzazioni del foglio di lavoro con JavaScript tramite C++
Anteprima interruzioni di pagina
Tutti i fogli di lavoro possono essere visualizzati in due modalità:
- Visualizzazione normale.
- Anteprima interruzioni di pagina.
La visualizzazione normale è la visualizzazione predefinita di un foglio di lavoro. L’anteprima interruzione di pagina è una vista di editing che mostra un foglio di lavoro come verrà stampato. L’anteprima interruzione di pagina mostra quali dati andranno su ogni pagina in modo da poter regolare l’area di stampa e le interruzioni di pagina. Usando Aspose.Cells for JavaScript tramite C++, gli sviluppatori possono abilitare le modalità di visualizzazione normale o anteprima interruzione di pagina.
Controllo delle modalità di visualizzazione
Aspose.Cells fornisce una classe Workbook che rappresenta un file Microsoft Excel. La classe Workbook contiene una raccolta workbook.worksheets che consente l’accesso a ciascun foglio di lavoro in un file Excel.
Un foglio di lavoro è rappresentato dalla classe Worksheet. La classe Worksheet fornisce una vasta gamma di proprietà e metodi per la gestione dei fogli di lavoro. Per abilitare le modalità di visualizzazione normale o anteprima del salto di pagina, usare la proprietà Worksheet della classe Worksheet.isPageBreakPreview(). Worksheet.isPageBreakPreview() è una proprietà booleana, il che significa che può solo memorizzare un valore true o false.
Abilitazione visualizzazione normale
Imposta un foglio di lavoro nella visualizzazione normale impostando la proprietà Worksheet.isPageBreakPreview() della classe Worksheet su false.
Abilitazione anteprima interruzioni di pagina
Imposta qualsiasi foglio di lavoro in anteprima del salto di pagina impostando la proprietà Worksheet.isPageBreakPreview() della classe Worksheet su true. In questo modo si passa dal visualizzazione normale all’anteprima del salto di pagina.
Di seguito è riportato un esempio completo che dimostra come utilizzare la proprietà Worksheet.isPageBreakPreview() per abilitare la modalità anteprima del salto di pagina per il primo foglio di lavoro di un file Excel.
Il file book1.xls viene aperto creando un’istanza della classe Workbook. La visualizzazione viene passata all’anteprima del salto di pagina per il primo foglio di lavoro impostando la proprietà Worksheet.isPageBreakPreview() su true. Il file modificato viene salvato come output.xls.
<!DOCTYPE html>
<html>
<head>
<title>Aspose.Cells Example - Page Break Preview</title>
</head>
<body>
<h1>Page Break Preview Example</h1>
<input type="file" id="fileInput" accept=".xls,.xlsx,.csv" />
<button id="runExample">Run Example</button>
<a id="downloadLink" style="display: none;">Download Result</a>
<div id="result"></div>
</body>
<script src="aspose.cells.js.min.js"></script>
<script type="text/javascript">
const { Workbook, SaveFormat, Utils } = AsposeCells;
AsposeCells.onReady({
license: "/lic/aspose.cells.enc",
fontPath: "/fonts/",
fontList: [
"arial.ttf",
"NotoSansSC-Regular.ttf"
]
}).then(() => {
console.log("Aspose.Cells initialized");
});
document.getElementById('runExample').addEventListener('click', async () => {
const fileInput = document.getElementById('fileInput');
if (!fileInput.files.length) {
document.getElementById('result').innerHTML = '<p style="color: red;">Please select an Excel file.</p>';
return;
}
const file = fileInput.files[0];
const arrayBuffer = await file.arrayBuffer();
// Instantiating a Workbook object using the uploaded file
const workbook = new Workbook(new Uint8Array(arrayBuffer));
// Accessing the first worksheet in the Excel file
const worksheet = workbook.worksheets.get(0);
// Displaying the worksheet in page break preview
worksheet.isPageBreakPreview = true;
// Saving the modified Excel file
const outputData = workbook.save(SaveFormat.Excel97To2003);
const blob = new Blob([outputData]);
const downloadLink = document.getElementById('downloadLink');
downloadLink.href = URL.createObjectURL(blob);
downloadLink.download = 'output.xls';
downloadLink.style.display = 'block';
downloadLink.textContent = 'Download Excel File';
document.getElementById('result').innerHTML = '<p style="color: green;">Operation completed successfully! Click the download link to get the modified file.</p>';
});
</script>
</html>
Fattore di zoom
Utilizzando Microsoft Excel
Microsoft Excel fornisce una funzionalità che consente agli utenti di impostare un fattore di zoom o di ridimensionamento di un foglio di lavoro. Questa funzionalità aiuta gli utenti a vedere i contenuti del foglio di lavoro in visualizzazioni più piccole o più ampie. Gli utenti possono impostare il fattore di zoom su qualsiasi valore.
Aspose.Cells e Fattore di Zoom
Aspose.Cells consente ai programmatori di impostare il fattore di zoom del foglio di lavoro. Aspose.Cells fornisce una classe Workbook che rappresenta un file di Microsoft Excel. La classe Workbook contiene una raccolta workbook.worksheets che consente di accedere a ciascun foglio di lavoro in un file di Excel.
Un foglio di lavoro è rappresentato dalla classe Worksheet. La classe Worksheet fornisce una vasta gamma di proprietà e metodi per la gestione dei fogli di lavoro. Per impostare il fattore di zoom di un foglio di lavoro, utilizzare la proprietà Worksheet.zoom della classe Worksheet. Il fattore di zoom viene impostato assegnando un valore numerico (intero) alla proprietà Worksheet.zoom.
Di seguito viene fornito un esempio completo che dimostra come usare la proprietà Worksheet.zoom per impostare il fattore di zoom del primo foglio di lavoro del file Excel.
Il file book1.xls viene aperto creando un’istanza della classe Workbook. Il fattore di zoom del primo foglio di lavoro viene impostato su 75 e il file modificato viene salvato come output.xls.
<!DOCTYPE html>
<html>
<head>
<title>Aspose.Cells Example</title>
</head>
<body>
<h1>Aspose.Cells: Set Worksheet Zoom Example</h1>
<input type="file" id="fileInput" accept=".xls,.xlsx,.csv" />
<button id="runExample">Run Example</button>
<a id="downloadLink" style="display: none;">Download Result</a>
<div id="result"></div>
</body>
<script src="aspose.cells.js.min.js"></script>
<script type="text/javascript">
const { Workbook, SaveFormat } = AsposeCells;
AsposeCells.onReady({
license: "/lic/aspose.cells.enc",
fontPath: "/fonts/",
fontList: [
"arial.ttf",
"NotoSansSC-Regular.ttf"
]
}).then(() => {
console.log("Aspose.Cells initialized");
});
document.getElementById('runExample').addEventListener('click', async () => {
const fileInput = document.getElementById('fileInput');
if (!fileInput.files.length) {
document.getElementById('result').innerHTML = '<p style="color: red;">Please select an Excel file.</p>';
return;
}
const file = fileInput.files[0];
const arrayBuffer = await file.arrayBuffer();
// Instantiating a Workbook object by opening the Excel file from the uploaded file stream
const workbook = new Workbook(new Uint8Array(arrayBuffer));
// Accessing the first worksheet in the Excel file
const worksheet = workbook.worksheets.get(0);
// Setting the zoom factor of the worksheet to 75
worksheet.zoom = 75;
// Saving the modified Excel file (Excel97-2003 format for .xls)
const outputData = workbook.save(SaveFormat.Excel97To2003);
const blob = new Blob([outputData]);
const downloadLink = document.getElementById('downloadLink');
downloadLink.href = URL.createObjectURL(blob);
downloadLink.download = 'output.xls';
downloadLink.style.display = 'block';
downloadLink.textContent = 'Download Modified Excel File';
document.getElementById('result').innerHTML = '<p style="color: green;">Zoom set to 75 successfully! Click the download link to get the modified file.</p>';
});
</script>
</html>
Blocco delle celle
Utilizzando Microsoft Excel
Blocco celle è una funzione fornita da Microsoft Excel. Bloccare le celle consente di selezionare i dati che rimarranno visibili durante lo scorrimento in un foglio di lavoro.
Aspose.Cells e Blocco Riquadri
Aspose.Cells consente ai programmatori di applicare i blocchi riquadri ai fogli di lavoro durante l’esecuzione.
Aspose.Cells fornisce una classe Workbook che rappresenta un file di Microsoft Excel. La classe Workbook contiene una raccolta workbook.worksheets che consente di accedere a ciascun foglio di lavoro in un file di Excel.
Un foglio di lavoro è rappresentato dalla classe Worksheet. La classe Worksheet offre un’ampia gamma di proprietà e metodi per gestire i fogli di lavoro. Per configurare i riquadri congelati, chiama il metodo Worksheet.freezePanes(number, number, number, number) della classe Worksheet. Il metodo Worksheet.freezePanes(number, number, number, number) prende i seguenti parametri:
- Riga, l’indice di riga della cella da cui inizierà il blocco.
- Colonna, l’indice di colonna della cella da cui inizierà il blocco.
- Righe bloccate, il numero di righe visibili nel riquadro superiore.
- Colonne congelate, il numero di colonne visibili nel riquadro sinistro.
Il file book1.xls viene aperto chiamando il costruttore della classe Workbook durante listanziazione e alcune righe e colonne vengono bloccate nel primo foglio di lavoro. Il file modificato viene salvato come output.xls.
Di seguito è riportato un esempio completo che mostra come utilizzare il metodo Worksheet.freezePanes(number, number, number, number) per bloccare righe e colonne (a partire da C4, rappresentato dalla 4ª riga e la 3ª colonna, dove le righe e le colonne iniziano dall’indice 0) del primo foglio di lavoro del file Excel.
<!DOCTYPE html>
<html>
<head>
<title>Aspose.Cells Freeze Panes Example</title>
</head>
<body>
<h1>Freeze Panes Example</h1>
<input type="file" id="fileInput" accept=".xls,.xlsx" />
<button id="runExample">Run Example</button>
<a id="downloadLink" style="display: none;">Download Result</a>
<div id="result"></div>
</body>
<script src="aspose.cells.js.min.js"></script>
<script type="text/javascript">
const { Workbook, SaveFormat } = AsposeCells;
AsposeCells.onReady({
license: "/lic/aspose.cells.enc",
fontPath: "/fonts/",
fontList: [
"arial.ttf",
"NotoSansSC-Regular.ttf"
]
}).then(() => {
console.log("Aspose.Cells initialized");
});
document.getElementById('runExample').addEventListener('click', async () => {
const fileInput = document.getElementById('fileInput');
if (!fileInput.files.length) {
document.getElementById('result').innerHTML = '<p style="color: red;">Please select an Excel file.</p>';
return;
}
const file = fileInput.files[0];
const arrayBuffer = await file.arrayBuffer();
// Instantiating a Workbook object using the uploaded file
const workbook = new Workbook(new Uint8Array(arrayBuffer));
// Accessing the first worksheet in the Excel file
const worksheet = workbook.worksheets.get(0);
// Applying freeze panes settings: topRows = 3, leftColumns = 2, top = 3, left = 2
worksheet.freezePanes(3, 2, 3, 2);
// Saving the modified Excel file in Excel97-2003 format (.xls)
const outputData = workbook.save(SaveFormat.Excel97To2003);
const blob = new Blob([outputData], { type: "application/octet-stream" });
const downloadLink = document.getElementById('downloadLink');
downloadLink.href = URL.createObjectURL(blob);
downloadLink.download = 'output.xls';
downloadLink.style.display = 'block';
downloadLink.textContent = 'Download Modified Excel File';
document.getElementById('result').innerHTML = '<p style="color: green;">Freeze panes applied successfully! Click the download link to get the modified file.</p>';
});
</script>
</html>
Divisione dei riquadri
Se hai bisogno di dividere lo schermo per ottenere due visualizzazioni diverse nello stesso foglio di lavoro, utilizza la divisione dei riquadri. Microsoft Excel offre una funzione molto utile che ti consente di visualizzare più di una copia del tuo foglio di lavoro e di scorrere indipendentemente attraverso ciascun riquadro del foglio di lavoro: divisione dei riquadri.
I riquadri funzionano simultaneamente. Se apporti una modifica in uno, la modifica appare contemporaneamente nell’altro. Aspose.Cells fornisce la funzionalità di divisione dei riquadri agli utenti.
Applicare e rimuovere divisioni dei riquadri
Divisione dei riquadri
Aspose.Cells fornisce una classe, Workbook che rappresenta un file Microsoft Excel. La classe Workbook fornisce una vasta gamma di proprietà e metodi per gestire un file Excel. Per implementare viste divise, usa il Worksheet della classe Worksheet.split(). Per rimuovere i pannelli divisi, usa il metodo Worksheet.removeSplit().
Nell’esempio, viene utilizzato un semplice file di modello che viene caricato, poi viene applicata la funzione di divisione dei riquadri su una cella nel primo foglio di lavoro. Il file aggiornato viene salvato.
<!DOCTYPE html>
<html>
<head>
<title>Aspose.Cells Split Window Example</title>
</head>
<body>
<h1>Split Worksheet Window Example</h1>
<input type="file" id="fileInput" accept=".xls,.xlsx,.csv" />
<button id="runExample">Run Example</button>
<a id="downloadLink" style="display: none;">Download Result</a>
<div id="result"></div>
</body>
<script src="aspose.cells.js.min.js"></script>
<script type="text/javascript">
const { Workbook, SaveFormat, Worksheet, Cell, Utils } = AsposeCells;
AsposeCells.onReady({
license: "/lic/aspose.cells.enc",
fontPath: "/fonts/",
fontList: [
"arial.ttf",
"NotoSansSC-Regular.ttf"
]
}).then(() => {
console.log("Aspose.Cells initialized");
});
document.getElementById('runExample').addEventListener('click', async () => {
const fileInput = document.getElementById('fileInput');
const resultDiv = document.getElementById('result');
if (!fileInput.files.length) {
resultDiv.innerHTML = '<p style="color: red;">Please select an Excel file.</p>';
return;
}
const file = fileInput.files[0];
const arrayBuffer = await file.arrayBuffer();
// Instantiate a new workbook and open the uploaded file
const book = new Workbook(new Uint8Array(arrayBuffer));
// Access the first worksheet
const sheet = book.worksheets.get(0);
// Set the active cell (converted from setActiveCell -> activeCell)
sheet.activeCell = "A20";
// Split the worksheet window
sheet.split();
// Save the excel file (SaveFormat.Xls -> SaveFormat.Excel97To2003)
const outputData = book.save(SaveFormat.Excel97To2003);
const blob = new Blob([outputData]);
const downloadLink = document.getElementById('downloadLink');
downloadLink.href = URL.createObjectURL(blob);
downloadLink.download = 'output.xls';
downloadLink.style.display = 'block';
downloadLink.textContent = 'Download Modified Excel File';
resultDiv.innerHTML = '<p style="color: green;">Worksheet window split and active cell set successfully! Click the download link to get the modified file.</p>';
});
</script>
</html>
Dopo aver eseguito il codice sopra, il file generato avrà una vista divisa.
Rimozione dei riquadri
Rimuovere i pannelli divisi utilizzando il metodo Worksheet.removeSplit().
<!DOCTYPE html>
<html>
<head>
<title>Aspose.Cells Example</title>
</head>
<body>
<h1>Set Active Cell and Remove Split Example</h1>
<input type="file" id="fileInput" accept=".xls,.xlsx,.csv" />
<button id="runExample">Run Example</button>
<a id="downloadLink" style="display: none;">Download Result</a>
<div id="result"></div>
</body>
<script src="aspose.cells.js.min.js"></script>
<script type="text/javascript">
const { Workbook, SaveFormat, Utils } = AsposeCells;
AsposeCells.onReady({
license: "/lic/aspose.cells.enc",
fontPath: "/fonts/",
fontList: [
"arial.ttf",
"NotoSansSC-Regular.ttf"
]
}).then(() => {
console.log("Aspose.Cells initialized");
});
document.getElementById('runExample').addEventListener('click', async () => {
const fileInput = document.getElementById('fileInput');
if (!fileInput.files.length) {
document.getElementById('result').innerHTML = '<p style="color: red;">Please select an Excel file.</p>';
return;
}
const file = fileInput.files[0];
const arrayBuffer = await file.arrayBuffer();
// Instantiate a new workbook from the uploaded file
const workbook = new Workbook(new Uint8Array(arrayBuffer));
// Access the first worksheet in the workbook
const worksheet = workbook.worksheets.get(0);
// Set the active cell
worksheet.activeCell = "A20";
// Split the worksheet window - remove any existing split
worksheet.removeSplit();
// Save the modified workbook and provide a download link
const outputData = workbook.save(SaveFormat.Excel97To2003);
const blob = new Blob([outputData]);
const downloadLink = document.getElementById('downloadLink');
downloadLink.href = URL.createObjectURL(blob);
downloadLink.download = 'output.xls';
downloadLink.style.display = 'block';
downloadLink.textContent = 'Download Modified Excel File';
document.getElementById('result').innerHTML = '<p style="color: green;">Operation completed successfully! Click the download link to get the modified file.</p>';
});
</script>
</html>
Argomenti avanzati
- Nascondere la visualizzazione dei valori zero nel foglio di lavoro
- Imposta il colore della scheda del foglio di lavoro
- Mostra e nascondi griglie, intestazioni di riga e colonna
- Mostra e nascondi righe, colonne e barre di scorrimento
- Mostra e nascondi fogli di lavoro e schede
- Mostra formule invece di valori in un foglio di lavoro
- Usa le opzioni di controllo degli errori