Modifiera en befintlig stil
Contents
[
Hide
]
För att tillämpa samma formatering på celler, skapa ett ny formateringsstilobjekt. Ett formateringsstilobjekt är en kombination av formateringsegenskaper, såsom font, fontstorlek, indragning, nummer, kant, mönster etc., namngivet och lagrat som en uppsättning. När den appliceras tillämpas alla formatmallar i den stilen.
Du kan också använda en befintlig stil, spara den med arbetsboken och använda den för att formatera information med samma egenskaper.
När celler inte är explicit formaterade, tillämpas den Normal stilen (arbetsbokens standardstil). Microsoft Excel fördefinierar flera stilar förutom Normal-stilen, inklusive Komma, Valuta och Procent.
Aspose.Cells tillåter att modifiera någon av dessa stilar eller någon annan stil som du definierar med önskade attribut.
Använda Microsoft Excel
För att uppdatera en stil i Microsoft Excel 97-2003:
- På Format-menyn, klicka på Stil.
- Välj den stil du vill modifiera från listan över Stilnamn.
- Klicka på Ändra.
- Välj de stilalternativ du vill använda med flikarna i dialogrutan Formatcells.
- Klicka på OK.
- Under Stilen innehåller, ange stilfunktionerna du vill använda.
- Klicka på OK för att spara stilen och tillämpa den på det valda området.
Använder Aspose.Cells for JavaScript via C++
Följande exempel visar hur man använder Style.update()-metoden.
Skapa och modifiera en stil
Detta exempel skapar ett Style-objekt, tillämpar det på ett cellområde och ändrar Style-objektet. Ändringarna tillämpas automatiskt på cellen och det område varpå stilen användes.
<!DOCTYPE html>
<html>
<head>
<title>Aspose.Cells Example</title>
<meta charset="utf-8" />
</head>
<body>
<h1>Aspose.Cells Style Example</h1>
<p>Select an existing Excel file to modify or leave empty to create a new workbook.</p>
<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');
const resultDiv = document.getElementById('result');
// Instantiate workbook from uploaded file or create a new one
let workbook;
if (fileInput.files && fileInput.files.length) {
const file = fileInput.files[0];
const arrayBuffer = await file.arrayBuffer();
workbook = new Workbook(new Uint8Array(arrayBuffer));
} else {
workbook = new Workbook();
}
// Create a new style object.
const style = workbook.createStyle();
// Set the number format.
style.number = 14;
// Set the font color to red color.
style.font.color = AsposeCells.Color.Red;
// Name the style.
style.name = "Date1";
// Get the first worksheet cells.
const cells = workbook.worksheets.get(0).cells;
// Specify the style (described above) to A1 cell.
const cellA1 = cells.get("A1");
cellA1.style = style;
// Create a range (B1:D1).
const range = cells.createRange("B1", "D1");
// Initialize styleflag object.
const flag = new AsposeCells.StyleFlag();
// Set all formatting attributes on.
flag.all = true;
// Apply the style (described above) to the range.
range.applyStyle(style, flag);
// Modify the style (described above) and change the font color from red to black.
style.font.color = AsposeCells.Color.Black;
// Done! Since the named style (described above) has been set to a cell and range,
// The change would be reflected(new modification is implemented) to cell(A1) and
// Range (B1:D1).
style.update();
// Save the 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 = 'book_styles.out.xls';
downloadLink.style.display = 'block';
downloadLink.textContent = 'Download Modified Excel File';
resultDiv.innerHTML = '<p style="color: green;">Operation completed successfully! Click the download link to get the modified file.</p>';
});
</script>
</html>
Modifiera en befintlig stil
Detta exempel använder en enkel mall Excel-fil där en stil som heter Procent redan har tillämpats på en omfattning. Exemplet:
- hämtar stilen,
- skapar en stilobjekt och
- modifierar stilformatering.
Modifieringarna tillämpas automatiskt på området där stilen applicerades.
<!DOCTYPE html>
<html>
<head>
<title>Aspose.Cells Example</title>
</head>
<body>
<h1>Apply Named Style 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, Color, 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();
// Create a workbook from the uploaded file
const workbook = new Workbook(new Uint8Array(arrayBuffer));
// Get the named style "Percent" via the styles collection
const style = workbook.styles.get("Percent");
// Change the number format to "0.00%".
style.number = 11;
// Set the font color.
style.font.color = Color.Red;
// Update the style so ranges using this named style are updated.
style.update();
// Save the workbook and provide a download link
const outputData = workbook.save(SaveFormat.Xlsx);
const blob = new Blob([outputData]);
const downloadLink = document.getElementById('downloadLink');
downloadLink.href = URL.createObjectURL(blob);
downloadLink.download = 'book2.out.xlsx';
downloadLink.style.display = 'block';
downloadLink.textContent = 'Download Modified Excel File';
resultDiv.innerHTML = '<p style="color: green;">Style updated successfully! Click the download link to get the modified file.</p>';
});
</script>
</html>