programming excel

Xuất góc cạnh Excel

Để bật tính năng xuất Excel, hãy nhập ExcelModule và thêm thành phần kendo-grid-excel vào Lưới giao diện người dùng Kendo cho Angular. Để bắt đầu xuất, hãy sử dụng lệnh kendoGridExcelCommand hoặc phương thức

Thí dụ

Xem nguồn

MỞ RA

Thay đổi chủ đề

vỡ nợ

Đối với việc xuất Excel của nó, Lưới cho phép bạn

Theo mặc định, Lưới xuất dữ liệu hiện tại của nó. Để xuất dữ liệu khác với dữ liệu Lưới hiện tại, hãy chỉ định một chức năng tùy chỉnh. Nó trả về một giá trị hoặc mảng ExcelExportData. Phương thức allData[] lấy một tập hợp dữ liệu—thông thường, nhưng không bắt buộc, cùng một tập hợp mà Lưới bị ràng buộc—xử lý nó [ví dụ: áp dụng hoặc xóa phân trang, lọc, sắp xếp, v.v.] và sử dụng đối tượng kết quả

Ví dụ sau minh họa cách xuất tất cả dữ liệu khi nội dung được chia thành các trang

Thí dụ

Xem nguồn

MỞ RA

Thay đổi chủ đề

vỡ nợ

Nếu dữ liệu xuất cần được tải không đồng bộ, bạn có thể trả về một Observable hoặc một Promise sẽ được giải quyết với dữ liệu được xuất

Thí dụ

Xem nguồn

MỞ RA

Thay đổi chủ đề

vỡ nợ

Khi bạn xuất một Lưới chứa mẫu chi tiết sang Excel,. Để xuất nội dung mẫu sang Excel, hãy xử lý sự kiện của Lưới giao diện người dùng Kendo cho Góc và sửa đổi sổ làm việc đã tạo để dữ liệu cho Lưới chi tiết được tích hợp trong tài liệu đã xuất

Ví dụ sau minh họa cách thực hiện logic tùy chỉnh để truy xuất dữ liệu cho tất cả các Lưới chi tiết và nối nó vào sổ làm việc gốc

Thí dụ

Xem nguồn

MỞ RA

Thay đổi chủ đề

vỡ nợ

Theo mặc định, Lưới xuất các cột hiện tại của nó. Để xuất các cột khác với các cột Lưới hiện tại, hãy bao gồm các thành phần [][{% slug api_excel-export_columncomponent %}] và [][{% slug api_excel-export_columngroupcomponent %}] bên trong thành phần

Thí dụ

Xem nguồn

MỞ RA

Thay đổi chủ đề

vỡ nợ

Chức năng xuất Excel được định cấu hình để hoạt động với dữ liệu Lưới thay vì với nội dung của ô. Đó là lý do tại sao các giá trị trong trang tính được xuất không áp dụng định dạng

Để tùy chỉnh tất cả các ô trong một cột nhất định, bạn có thể đặt thuộc tính của tùy chọn. Để biết thêm chi tiết về các định dạng Excel được hỗ trợ, hãy tham khảo trang Tạo định dạng số tùy chỉnh của Microsoft

Copy Code

Sự kiện cho phép bạn tùy chỉnh tài liệu Excel đã tạo. Đối số sự kiện sổ làm việc hiển thị cấu hình sổ làm việc Excel đã tạo

Xuất excel cho phép xuất dữ liệu TreeGrid sang tài liệu Excel. Bạn cần sử dụng phương pháp để xuất. Để bật tính năng xuất Excel trong treegrid, hãy đặt giá trị là true

Để sử dụng tính năng xuất excel, Bạn cần đưa mô-đun 

import { NgModule,ViewChild } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { TreeGridModule } from '@syncfusion/ej2-angular-treegrid';
import { PageService, ExcelExportService, ToolbarService } from '@syncfusion/ej2-angular-treegrid';
import { AppComponent } from './app.component';
import {ButtonModule} from '@syncfusion/ej2-angular-buttons';
import { DropDownListAllModule } from '@syncfusion/ej2-angular-dropdowns';

/**
 * Module
 */
@NgModule[{
    imports: [
        BrowserModule,
        TreeGridModule,
        ButtonModule,
        DropDownListAllModule,
    ],
    declarations: [AppComponent],
    bootstrap: [AppComponent],
    providers: [PageService,
                ExcelExportService,
                ToolbarService]
}]
export class AppModule { }
1 vào treegrid

Bạn có thể xem video này để tìm hiểu về cách thực hiện Xuất và tùy chỉnh của nó trong Angular TreeGrid

  • ứng dụng. thành phần. ts
  • ứng dụng. mô-đun. ts
  • chủ yếu. ts

import { Component, OnInit, ViewChild } from '@angular/core';
import { sampleData } from './datasource';
import { ToolbarItems, ExcelExportProperties } from '@syncfusion/ej2-treegrid';

@Component[{
    selector: 'app-container',
    template: `
        
                    
                    
                    
                    
        
                `
}]
export class AppComponent implements OnInit {

    public data: Object[];
    public pager: Object;
    @ViewChild['treegrid']
    public treeGridObj: TreeGridComponent;
    public toolbarOptions: ToolbarItems[];

    ngOnInit[]: void {
        this.data = sampleData;
        this.pager = { pageSize: 7 };
        this.toolbarOptions = ['ExcelExport'];
    }
    toolbarClick[args: Object] : void {
        if [args['item'].text === 'Excel Export'] {
            this.treeGridObj.excelExport[];
        }
    }
}

import { NgModule,ViewChild } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { TreeGridModule } from '@syncfusion/ej2-angular-treegrid';
import { PageService, ExcelExportService, ToolbarService } from '@syncfusion/ej2-angular-treegrid';
import { AppComponent } from './app.component';
import {ButtonModule} from '@syncfusion/ej2-angular-buttons';
import { DropDownListAllModule } from '@syncfusion/ej2-angular-dropdowns';

/**
 * Module
 */
@NgModule[{
    imports: [
        BrowserModule,
        TreeGridModule,
        ButtonModule,
        DropDownListAllModule,
    ],
    declarations: [AppComponent],
    bootstrap: [AppComponent],
    providers: [PageService,
                ExcelExportService,
                ToolbarService]
}]
export class AppModule { }

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { AppModule } from './app.module';

enableProdMode[];
platformBrowserDynamic[].bootstrapModule[AppModule];

Xem trước mẫu

Tình trạng sập nguồn kéo dài

Bạn có thể duy trì trạng thái thu gọn trong tài liệu đã xuất bằng cách xác định thuộc tính 

import { NgModule,ViewChild } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { TreeGridModule } from '@syncfusion/ej2-angular-treegrid';
import { PageService, ExcelExportService, ToolbarService } from '@syncfusion/ej2-angular-treegrid';
import { AppComponent } from './app.component';
import {ButtonModule} from '@syncfusion/ej2-angular-buttons';
import { DropDownListAllModule } from '@syncfusion/ej2-angular-dropdowns';

/**
 * Module
 */
@NgModule[{
    imports: [
        BrowserModule,
        TreeGridModule,
        ButtonModule,
        DropDownListAllModule,
    ],
    declarations: [AppComponent],
    bootstrap: [AppComponent],
    providers: [PageService,
                ExcelExportService,
                ToolbarService]
}]
export class AppModule { }
2 là true trong tham số 
import { NgModule,ViewChild } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { TreeGridModule } from '@syncfusion/ej2-angular-treegrid';
import { PageService, ExcelExportService, ToolbarService } from '@syncfusion/ej2-angular-treegrid';
import { AppComponent } from './app.component';
import {ButtonModule} from '@syncfusion/ej2-angular-buttons';
import { DropDownListAllModule } from '@syncfusion/ej2-angular-dropdowns';

/**
 * Module
 */
@NgModule[{
    imports: [
        BrowserModule,
        TreeGridModule,
        ButtonModule,
        DropDownListAllModule,
    ],
    declarations: [AppComponent],
    bootstrap: [AppComponent],
    providers: [PageService,
                ExcelExportService,
                ToolbarService]
}]
export class AppModule { }
3 của phương thức

  • ứng dụng. thành phần. ts
  • ứng dụng. mô-đun. ts
  • chủ yếu. ts

import { Component, OnInit, ViewChild } from '@angular/core';
import { sampleData } from './datasource';
import { ToolbarItems, TreeGridExcelExportProperties } from '@syncfusion/ej2-treegrid';

@Component[{
    selector: 'app-container',
    template: `
        
                    
                    
                    
                    
        
                `
}]
export class AppComponent implements OnInit {

    public data: Object[];
    public pager: Object;
    @ViewChild['treegrid']
    public treeGridObj: TreeGridComponent;
    public toolbarOptions: ToolbarItems[];

    ngOnInit[]: void {
        this.data = sampleData;
        this.pager = { pageSize: 7 };
        this.toolbarOptions = ['ExcelExport'];
    }
    toolbarClick[args: Object] : void {
        if [args['item'].text === 'Excel Export'] {
            let excelExportProperties: TreeGridExcelExportProperties = {
                isCollapsedStatePersist: true
            };
            this.treeGridObj.excelExport[excelExportProperties];
        }
    }
}

import { NgModule,ViewChild } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { TreeGridModule } from '@syncfusion/ej2-angular-treegrid';
import { PageService, ExcelExportService, ToolbarService } from '@syncfusion/ej2-angular-treegrid';
import { AppComponent } from './app.component';
import {ButtonModule} from '@syncfusion/ej2-angular-buttons';
import { DropDownListAllModule } from '@syncfusion/ej2-angular-dropdowns';

/**
 * Module
 */
@NgModule[{
    imports: [
        BrowserModule,
        TreeGridModule,
        ButtonModule,
        DropDownListAllModule,
    ],
    declarations: [AppComponent],
    bootstrap: [AppComponent],
    providers: [PageService,
                ExcelExportService,
                ToolbarService]
}]
export class AppModule { }

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { AppModule } from './app.module';

enableProdMode[];
platformBrowserDynamic[].bootstrapModule[AppModule];

Xem trước mẫu

Xuất CSV cho phép xuất dữ liệu lưới dạng cây sang tài liệu văn bản. Sử dụng phương pháp để xuất. Để cho phép xuất CSV trong treegrid, hãy đặt giá trị là true

Nguồn dữ liệu tùy chỉnh

Xuất excel cung cấp tùy chọn để xác định nguồn dữ liệu động trước khi xuất. Để xuất dữ liệu động, hãy xác định 

import { NgModule,ViewChild } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { TreeGridModule } from '@syncfusion/ej2-angular-treegrid';
import { PageService, ExcelExportService, ToolbarService } from '@syncfusion/ej2-angular-treegrid';
import { AppComponent } from './app.component';
import {ButtonModule} from '@syncfusion/ej2-angular-buttons';
import { DropDownListAllModule } from '@syncfusion/ej2-angular-dropdowns';

/**
 * Module
 */
@NgModule[{
    imports: [
        BrowserModule,
        TreeGridModule,
        ButtonModule,
        DropDownListAllModule,
    ],
    declarations: [AppComponent],
    bootstrap: [AppComponent],
    providers: [PageService,
                ExcelExportService,
                ToolbarService]
}]
export class AppModule { }
7 trong 
import { NgModule,ViewChild } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { TreeGridModule } from '@syncfusion/ej2-angular-treegrid';
import { PageService, ExcelExportService, ToolbarService } from '@syncfusion/ej2-angular-treegrid';
import { AppComponent } from './app.component';
import {ButtonModule} from '@syncfusion/ej2-angular-buttons';
import { DropDownListAllModule } from '@syncfusion/ej2-angular-dropdowns';

/**
 * Module
 */
@NgModule[{
    imports: [
        BrowserModule,
        TreeGridModule,
        ButtonModule,
        DropDownListAllModule,
    ],
    declarations: [AppComponent],
    bootstrap: [AppComponent],
    providers: [PageService,
                ExcelExportService,
                ToolbarService]
}]
export class AppModule { }
8

  • ứng dụng. thành phần. ts
  • ứng dụng. mô-đun. ts
  • chủ yếu. ts

import { Component, OnInit, ViewChild } from '@angular/core';
import { sampleData } from './datasource';
import { ToolbarItems } from '@syncfusion/ej2-treegrid';

@Component[{
    selector: 'app-container',
    template: `
        
                    
                    
                    
                    
        
                `
}]
export class AppComponent implements OnInit {

    public data: Object[];
    public pager: Object;
    @ViewChild['treegrid']
    public treeGridObj: TreeGridComponent;
    public toolbarOptions: ToolbarItems[];

    ngOnInit[]: void {
        this.data = sampleData;
        this.pager = { pageSize: 7 };
        this.toolbarOptions = ['ExcelExport'];
    }
    toolbarClick[args: Object] : void {
        if [args['item'].text === 'Excel Export'] {
            let excelExportProperties: ExcelExportProperties = {
                dataSource: sampleData
            };
            this.treeGridObj.excelExport[excelExportProperties];
        }
    }
}

import { NgModule,ViewChild } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { TreeGridModule } from '@syncfusion/ej2-angular-treegrid';
import { PageService, ExcelExportService, ToolbarService } from '@syncfusion/ej2-angular-treegrid';
import { AppComponent } from './app.component';
import {ButtonModule} from '@syncfusion/ej2-angular-buttons';
import { DropDownListAllModule } from '@syncfusion/ej2-angular-dropdowns';

/**
 * Module
 */
@NgModule[{
    imports: [
        BrowserModule,
        TreeGridModule,
        ButtonModule,
        DropDownListAllModule,
    ],
    declarations: [AppComponent],
    bootstrap: [AppComponent],
    providers: [PageService,
                ExcelExportService,
                ToolbarService]
}]
export class AppModule { }

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { AppModule } from './app.module';

enableProdMode[];
platformBrowserDynamic[].bootstrapModule[AppModule];

Xem trước mẫu

Bạn có thể tham khảo trang tham quan tính năng 

import { NgModule,ViewChild } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { TreeGridModule } from '@syncfusion/ej2-angular-treegrid';
import { PageService, ExcelExportService, ToolbarService } from '@syncfusion/ej2-angular-treegrid';
import { AppComponent } from './app.component';
import {ButtonModule} from '@syncfusion/ej2-angular-buttons';
import { DropDownListAllModule } from '@syncfusion/ej2-angular-dropdowns';

/**
 * Module
 */
@NgModule[{
    imports: [
        BrowserModule,
        TreeGridModule,
        ButtonModule,
        DropDownListAllModule,
    ],
    declarations: [AppComponent],
    bootstrap: [AppComponent],
    providers: [PageService,
                ExcelExportService,
                ToolbarService]
}]
export class AppModule { }
9 của chúng tôi để biết các đại diện tính năng đột phá của nó. Bạn cũng có thể khám phá của chúng tôi để biết cách trình bày và thao tác dữ liệu

Làm cách nào để xuất Excel trong góc 13?

Cách xuất dữ liệu sang tệp Excel trong ứng dụng góc .
Bước 1. Tạo một ứng dụng Angular bằng Angular CLI. .
Bước 2. Đã cài đặt các gói cần thiết. .
Bước 3. Tạo danh sách người dùng giả. .
Bước 4. Cập nhật danh sách bằng nút xuất. .
Bước 5. Thêm phương thức trong ứng dụng. thành phần. tệp ts để xuất tệp excel. .
Bước 6. Chạy ứng dụng

Làm cách nào để xuất dữ liệu lưới sang Excel ở dạng góc?

Lưới cung cấp các tùy chọn để xuất dữ liệu sang Excel. Để cho phép xuất Excel, hãy nhập ExcelModule và thêm thành phần kendo-grid-excel vào Lưới giao diện người dùng Kendo cho góc . Để bắt đầu xuất, hãy sử dụng lệnh kendoGridExcelCommand hoặc phương thức saveAsExcel.

Làm cách nào để xuất hình ảnh trong Excel trong Angular?

Nếu chúng tôi muốn xuất hình ảnh sang Excel hoặc PDF, chúng tôi phải sử dụng chuỗi base64 cho hình ảnh được yêu cầu cho các đối số. tham số hình ảnh trong pdfQueryCellInfo hoặc excelQueryCellInfo . Vì vậy, nếu bạn đang sử dụng các hình ảnh được yêu cầu làm URL trong cơ sở dữ liệu, bạn phải chuyển đổi URL hình ảnh này thành chuỗi base64 ở cuối thì chỉ nó mới hoạt động.

Làm cách nào để xuất Excel với nhiều trang tính theo góc?

Nhiều lưới thành nhiều trang tính . Drag a few rows from the grid on the left into the grid on the right and click the export button above the grid.

Bài Viết Liên Quan

Khi nào phí YKS sẽ được thanh toán vào năm 2023?
Mục tiêu của quản trị hệ thống trong Python là gì?
1g bằng bao nhiêu cm3
Làm cách nào để định vị các phần tử trong Bootstrap?
Tệp văn bản được phân định bằng tab sang Excel
Biểu đồ trong Python là gì?
Bootstrap đáp ứng là gì?
Sirius bao nhiêu mã lực
Xóa trùng lặp khỏi danh sách python
Delaware mức lương tối thiểu 2024
Trăn mũ đen pdf
Cần bao nhiêu thời gian để học Python đầy đủ
Từ khóa trong PHP là gì?
Hướng dẫn mã hóa MySQL khi nghỉ ngơi
Google Trang tính có chức năng sắp xếp tùy chỉnh không?
Lịch ngày 2023 PDF
4 tính năng của HTML là gì?
Nhận giá trị trả về từ hàm async Python
Chạy PHP trên nginx
Cập nhật phiên bản php laravel

Toplist mới

#1
Top 7 tết mậu thân năm 1968 đã diễn ra sự kiện gì ở miền nam nước ta 2023
6 tháng trước
#2
Top 13 luyện từ và câu: dấu gạch ngang lớp 4 trang 45 2023
6 tháng trước
#3
Top 6 trong mặt phẳng oxy ảnh của đường thẳng d 3x y 4=0 2023
6 tháng trước
#4
Top 6 thử thách thần chết thuyết minh phần 2 2023
6 tháng trước
#5
Top 4 vở bài tập tiếng việt lớp 3 tập 2 chính tả trang 15 2023
6 tháng trước
#6
Top 5 áo khoác nam quảng châu cao cấp 2023
6 tháng trước
#7
Top 4 nội dung nào sau đây không phải là trách nhiệm của đơn vị đầu mối cung cấp thông tin 2023
6 tháng trước
#8
Top 9 mẫu đồng phục công sở đẹp 2022 2023
6 tháng trước
#9
Top 5 ốp lưng iphone 13 pro bảo vệ camera 2023
6 tháng trước

Bài mới nhất

Cải làm dưa chua là cải gì năm 2024
Các sản phẩm làm đẹp tiếng anh là gì năm 2024
Bán hàng phát sinh giảm giá hoạch toán tn năm 2024
Lá thư trong tiếng anh là gì năm 2024
Mẫu hợp đồng thanh toán qua bên thứ 3 năm 2024
Giải sách bài tập tiếng anh lớp 7 trang 8 năm 2024
1994 sinh con năm 2023 tháng nào tốt năm 2024
Dịch vụ chuyển văn phòng tại thanh hóa năm 2024
Cách khắc phục lỗi máy tính bị màn hình xanh năm 2024
Các trường của 1 đối tượng là gì năm 2024

Chủ Đề

programming Hỏi Đáp Là gì Mẹo Hay Toplist Địa Điểm Hay Học Tốt mẹo hay Công Nghệ Nghĩa của từ Bao nhiêu Khỏe Đẹp đánh giá Tiếng anh Top List bao nhieu bao nhiêu hướng dẫn Món Ngon So Sánh Bài tập So sánh Xây Đựng Sản phẩm tốt Ngôn ngữ Bài Tập javascript Ở đâu Thế nào Hướng dẫn Dịch Tại sao Máy tính Đại học