Làm cách nào để xuất sang Excel bằng jQuery?

Kể từ Kendo UI Q3 2014 (2014. 3. 1119), tiện ích Lưới cung cấp chức năng xuất Excel tích hợp

Đối với các ví dụ có thể chạy được, hãy tham khảo

• Demo xuất Grid sang Excel
• Demo copy dữ liệu sang excel

Để bật tùy chọn xuất Excel của Lưới

1. Bao gồm lệnh thanh công cụ tương ứng và đặt cài đặt xuất
   • cấu hình thanh công cụ
   • Cấu hình xuất Excel
2. Bao gồm tập lệnh JSZip trên trang. Để biết thêm thông tin, hãy tham khảo bài viết với

Để bắt đầu xuất Excel thông qua mã, hãy gọi phương thức

1

• Theo mặc định, Lưới xuất trang dữ liệu hiện tại có áp dụng sắp xếp, lọc, nhóm và tổng hợp
• Lưới sử dụng thứ tự, khả năng hiển thị và kích thước cột hiện tại để tạo tệp Excel
• Lưới không xuất chủ đề CSS hiện tại trong tệp Excel. Để biết thêm thông tin về cách thay đổi giao diện trực quan của tài liệu Excel, hãy tham khảo phần bên dưới về
• Lưới chỉ xuất các cột có giới hạn dữ liệu. Tất cả các cột không có bộ tùy chọn trường sẽ bị bỏ qua
• Tùy chọn
  2 không được sử dụng trong quá trình xuất. Để biết thêm thông tin, tham khảo phần trên
• Tùy chọn
  3 không được sử dụng trong quá trình xuất. Để biết thêm thông tin, tham khảo phần trên
• Tùy chọn
  4 không được sử dụng trong quá trình xuất. Để biết thêm thông tin, tham khảo phần trên

Để biết thêm thông tin, hãy tham khảo bản trình diễn trực tuyến về xuất Excel

Ví dụ sau minh họa cách bật chức năng xuất Excel của Grid

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

Theo mặc định, Lưới chỉ xuất trang dữ liệu hiện tại. Để xuất tất cả các trang, hãy đặt tùy chọn

5 thành

0

Khi tùy chọn

5 được đặt thành

0 và

3 được bật, Lưới sẽ đưa ra yêu cầu

4 cho tất cả dữ liệu. Nếu các mục dữ liệu quá nhiều, trình duyệt có thể không phản hồi. Trong những trường hợp như vậy, sử dụng

Để tùy chỉnh tệp Excel đã tạo, hãy sử dụng sự kiện

5. Đối số sự kiện

6 hiển thị cấu hình sổ làm việc Excel đã tạo

• Để biết thêm thông tin về xuất Excel, hãy tham khảo và bài viết Giao diện Xuất Excel
• Để biết thêm thông tin về cách đặt màu nền của các hàng xen kẽ trong khi xuất Lưới sang Excel, hãy tham khảo ví dụ này

Sự kiện

5 cho phép bạn đảo ngược các ô và đặt căn chỉnh văn bản để hỗ trợ các ngôn ngữ viết từ phải sang trái (RTL). Để hiển thị tài liệu theo luồng từ phải sang trái trong Excel, hãy bật tùy chọn

8 của sổ làm việc

Mỗi hàng có một trường

9 có thể được sử dụng để phân biệt giữa các loại hàng khác nhau trong Lưới. Các giá trị được hỗ trợ là

• 10

• 11

• 12

• 13

• 14

1

Theo mặc định, mỗi Lưới xuất nội dung của nó trong một trang tính Excel riêng biệt. Để biết thêm thông tin, hãy tham khảo ví dụ về cách xuất nhiều Lưới trong một tài liệu Excel

Để gửi tệp đã tạo tới một dịch vụ từ xa, hãy ngăn lưu tệp mặc định và đăng nội dung được mã hóa

15

8

Để xuất các bộ dữ liệu khổng lồ sang Excel, hãy sử dụng thư viện RadSpreadStreamProcessing là một phần của Xử lý tài liệu Telerik (TDP) của Progress

• Để biết các ví dụ về xuất tệp Excel, hãy tham khảo thư viện RadSpreadProcessing
• Để biết thêm thông tin về quá trình xử lý phía máy chủ Grid, hãy tham khảo

Trong một số trường hợp, bạn có thể muốn ẩn cột đã cho hoặc nhiều cột khỏi xuất. Điều này có thể đạt được bằng cách sử dụng cài đặt Có thể xuất

Nó cũng có thể được đặt thành một Đối tượng chứa các giá trị khác nhau cho các chế độ xuất Excel và PDF, cung cấp các tùy chọn riêng cho từng chế độ

9

• Lưới và Nguồn dữ liệu của nó chỉ chứa các mục dữ liệu từ trang hiện tại trong quá trình xuất phía máy khách. Do đó, hãy thực hiện xuất theo khối hoặc tắt tính năng phân trang
• Kích thước tối đa của tệp đã xuất có giới hạn dành riêng cho hệ thống. Đối với các tập dữ liệu lớn, hãy sử dụng giải pháp phía máy chủ do RadSpreadStreamProcessing cung cấp như một phần của Thư viện xử lý tài liệu
• Xuất Lưới sang Excel trong các trình duyệt cũ hơn, chẳng hạn như Internet Explorer 9 và Safari, yêu cầu triển khai proxy máy chủ. Để biết thêm thông tin, hãy tham khảo phần cấu hình
  16
• Nếu bạn sử dụng Kendo UI Q2 2014 SP2 (2014. 2. 1008) trở về trước, quá trình xuất yêu cầu triển khai tùy chỉnh. Để đạt được nhiệm vụ đó, hoặc
  • Sử dụng triển khai phía máy chủ để xuất trực tiếp dữ liệu được hiển thị bởi Lưới hoặc
  • Sử dụng triển khai phía máy khách để xuất đánh dấu HTML của bảng hoặc các mục nguồn dữ liệu của Lưới
• Lưới không sử dụng các mẫu cột trong quá trình xuất Excel—nó chỉ xuất dữ liệu. Lý do cho hành vi này là mẫu cột có thể chứa HTML tùy ý không thể chuyển đổi thành giá trị cột Excel. Để biết thêm thông tin về cách sử dụng mẫu cột không chứa HTML, hãy tham khảo ví dụ về mẫu cột này
• Lưới không xuất mẫu chi tiết của nó vì lý do tương tự như nó không xuất các mẫu cột của nó. Nếu mẫu chi tiết chứa một Lưới khác, hãy làm theo ví dụ về cách xuất Lưới chi tiết

• Lưới không sử dụng các định dạng cột trong quá trình xuất Excel vì một số định dạng Giao diện người dùng Kendo không tương thích với Excel. Để định dạng các giá trị ô, hãy đặt tùy chọn

  2 của các ô

  Để biết thêm thông tin về các định dạng được Excel hỗ trợ, hãy tham khảo trang này. Để biết thêm thông tin về cách định dạng giá trị ô, hãy tham khảo ví dụ này

  Làm cách nào để xuất div sang Excel bằng jQuery?

  Bước 2. Sau đây là code xuất dữ liệu ra excel (jQuery). .

  $("#btn_excel"). nhấp (chức năng (e) {

  cửa sổ. mở ('dữ liệu. đơn/đồng. ms- excel,' + encodeURIComponent($('#content'). html()));

  e. ngăn chặn Mặc định();

  Làm cách nào để xuất bảng HTML sang XLSX bằng jQuery?

  Đánh dấu HTML sau bao gồm một Bảng HTML và một Nút. Giải trình. Khi nhấp vào Nút Xuất, plugin jQuery table2excel được áp dụng cho Bảng HTML . Plugin jQuery table2excel chấp nhận tham số tên tệp đặt tên của tệp Excel.

  Làm cách nào để xuất sang Excel bằng JavaScript?

  Cách nhập và xuất Excel XLSX bằng JavaScript .

  Thiết lập dự án bảng tính JavaScript

  Thêm mã nhập Excel

  Thêm dữ liệu vào tệp Excel đã nhập

  Thêm một biểu đồ thu nhỏ

  Thêm mã xuất Excel

  Làm cách nào để xuất bảng HTML được tạo động sang Excel bằng C#?

  Quy trình .

  Tạo DataTable và xác định các cột​​​​ DataTable table = new DataTable(); . Cột. Add("ID", typeof(int)); . Cột. .

  Thêm hàng. cái bàn. hàng. Thêm(111, "Devesh", "Ghaziabad"); . hàng. .

  Dữ liệu ràng buộcGridView. dữ liệuGridView1. Nguồn dữ liệu = bảng;

  Chạy đoạn code sau sẽ được màn hình