Kiểu dữ liệu mặc định cho Excel Viewer là excel. Chúng tôi khuyên bạn không nên thay đổi nó theo cách thủ công để tránh phân tích cú pháp không thống nhất
API trình xem Excel
trọng tải[]
tải một tệp excel cho người xem
thông số
- tệp - [chuỗi] tên của tệp cần tải
- kiểu dữ liệu - kiểu dữ liệu [chuỗi] [ở đây phải là "excel"]
$$["viewer"].load["binary->data.xlsx", "excel"];
phân tích cú pháp []
phân tích dữ liệu tệp cho người xem
thông số
- tệp - [đối tượng] đối tượng tệp đã tải lên
- kiểu dữ liệu - kiểu dữ liệu [chuỗi] [ở đây phải là "excel"]
{
view:"uploader", value:"Select Excel File", width:200,
on:{
onBeforeFileAdd:function[upload]{
$$["excel"].clearAll[];
$$["excel"].parse[upload.file, "excel"];
return false;
}
}
}
Mẫu liên quan. Tải lên và tải xuống tệp Excel
showSheet[]
chuyển sang trang tính được chỉ định
thông số
- tên - [chuỗi] tên của trang tính
$$["viewer"].showSheet["Data"];
Thanh công cụ Excel và API của nó
Có thể hiển thị thanh công cụ với các tab tương ứng với trang tính Excel. Để hiển thị một thanh công cụ như vậy, nên khởi tạo chế độ xem excelbar chuyên dụng
{
view:"excelbar",
id:"toolbar"
}
- id [chuỗi] - id của thanh công cụ Excel
API thanh công cụ Excel
getInput[]
trả về đối tượng thanh công cụ
$$["toolbar"].getInput[];
lợi nhuận
- thanh công cụ - [đối tượng] đối tượng thanh công cụ
getValue[]
trả về tab hiện được chọn
$$["toolbar"].getValue[];
lợi nhuận
- tab - [chuỗi] tên của tab đã chọn
setSheets[]
đặt các tab trên thanh công cụ [phải tương ứng với các trang tính excel]
thông số
- trang tính - [mảng] một mảng các tab
$$["toolbar"].setSheets[["Data", "Files"]];
đặt giá trị[]
đặt tab đã chọn trong thanh công cụ
thông số
- giá trị - [chuỗi] tên của tab để chọn
$$["toolbar"].setValue[value];
Đang tải dữ liệu lên Excel Viewer
Có ba cách có thể tải dữ liệu vào Excel Viewer
- chỉ định tệp cần thiết trực tiếp trong trình tạo trình xem bằng cách sử dụng tham số url
________số 8Mẫu liên quan. Trình xem Excel
- gọi phương thức tải với tên tệp làm tham số
$$["viewer"].load["binary->data.xlsx", "excel"];
0Proxy nhị phân được sử dụng để tải tệp, cho phép lấy nội dung của nó dưới dạng ArrayBuffer. Kiểu dữ liệu là "excel"
- phân tích cú pháp dữ liệu tệp đã tải lên với sự trợ giúp của phương pháp phân tích cú pháp
$$["viewer"].load["binary->data.xlsx", "excel"];
1Mẫu liên quan. Tải lên và tải xuống tệp Excel
Nhập cài đặt
Excel Viewer cho phép nhập một loạt cài đặt từ tệp Excel. Kiểu, chiều rộng cột và chiều cao hàng được nhập theo mặc định. Bạn cũng có thể nhập
- nhịp cột và hàng, nếu nhịp. thuộc tính true được đặt trong cấu hình Trình xem Excel
$$["viewer"].load["binary->data.xlsx", "excel"];
2Mẫu liên quan. Tải lên và tải xuống tệp Excel
- tấm
Theo mặc định, Trình xem Excel chỉ hiển thị trang tính được nhập đầu tiên. Để duyệt tất cả chúng, bạn cần thiết lập một excelbar
$$["viewer"].load["binary->data.xlsx", "excel"];
3- ngày
Excel Viewer cho phép nhập ngày có định dạng Webix từ tệp Excel
Tùy chỉnh dữ liệu đã tải
Bạn có thể tùy chỉnh cách trình bày dữ liệu đã tải, chẳng hạn như hiển thị tiêu đề và kiểm soát số lượng hàng đã tải
$$["viewer"].load["binary->data.xlsx", "excel"];
4Giá trị chuỗi của thuộc tính url binary->files/data. xlsx@Data[1-10]" bao gồm các phần sau
- nhị phân - tên của đối tượng proxy
- tập tin/dữ liệu. xlsx - đường dẫn đến tệp Excel
- @ - tùy chọn, dấu phân tách tách liên kết khỏi tham số của nó [có thể bỏ qua cùng với tham số]
- Dữ liệu - tùy chọn, tên của trang tính Excel sẽ hiển thị
- [1-10] - tùy chọn, các hàng sẽ được hiển thị trong trình xem
Mẫu liên quan. Excel Proxy
Xuất cài đặt
Excel Viewer cho phép xuất hàng loạt cài đặt thành file Excel. Kiểu và chiều rộng cột được xuất theo mặc định. Bạn cũng có thể xuất
- chiều cao hàng Cài đặt này được điều chỉnh bởi tùy chọn chiều cao, được đặt thành false theo mặc định và có thể nhận các giá trị sau
- true - để chỉ xuất chiều cao hàng tùy chỉnh [khác với chiều cao hàng mặc định];
- "tất cả" - để xuất cả chiều cao hàng tùy chỉnh và mặc định;
- sai - mặc định, chiều cao hàng không được xuất
$$["viewer"].load["binary->data.xlsx", "excel"];
5Trong trường hợp các phong cách. tùy chọn đúng được đặt, tùy chọn độ cao sẽ tự động được đặt thành "tất cả"
- khoảng cách cột và hàng
Để xuất các nhịp, bạn nên đặt các nhịp. thuộc tính true trong tham số thứ hai của phương thức toExcel
$$["viewer"].load["binary->data.xlsx", "excel"];
6- nhiều tờ
Theo mặc định, Trình xem Excel xuất trang tính hiện đang hoạt động sang tệp Excel. Bạn có một số tùy chọn khác
1] để xuất tất cả các trang tính, hãy đặt các trang tính. tùy chọn true trong tham số thứ hai của phương thức toExcel
$$["viewer"].load["binary->data.xlsx", "excel"];
72] để xuất các trang tính riêng biệt, hãy đặt một mảng có id trang tính làm giá trị của tùy chọn trang tính
$$["viewer"].load["binary->data.xlsx", "excel"];
83] để xuất một trang tính nhất định, hãy đặt id của nó làm giá trị của tùy chọn trang tính
$$["viewer"].load["binary->data.xlsx", "excel"];
9Mẫu liên quan. Trình xem Excel
Làm việc với Trình xem Excel Ngoại tuyến
Các phụ thuộc cần thiết để làm việc với Excel Viewer thường được lấy từ danh mục trực tuyến CDN của Webix. Nếu cần xem và tải file offline qua Excel Viewer, bạn thực hiện đầy đủ các bước sau
- tải xuống gói có tệp CDN từ https. //github. com/webix-hub/cdn-bổ sung
Nếu bạn sử dụng Webix phiên bản 5. 0 trở lên, hãy sử dụng tệp xlsx. cốt lõi. phong cách. tối thiểu. js.
Trong trường hợp phiên bản cũ hơn 5. 0, chọn tệp xlsx. cốt lõi. tối thiểu. js.
- đổi tên thư mục thành "extras" và di chuyển nó vào thư mục mong muốn
- đặt đường dẫn đến kho lưu trữ CDN cục bộ là
{
view:"uploader", value:"Select Excel File", width:200,
on:{
onBeforeFileAdd:function[upload]{
$$["excel"].clearAll[];
$$["excel"].parse[upload.file, "excel"];
return false;
}
}
}
0Lưu ý rằng việc chỉ định đường dẫn đến kho lưu trữ CDN cục bộ có một số đặc thù
1] trong trường hợp bạn đặt đường dẫn liên quan đến trang hiện tại, thì đường dẫn đó phải được chỉ định là
{
view:"uploader", value:"Select Excel File", width:200,
on:{
onBeforeFileAdd:function[upload]{
$$["excel"].clearAll[];
$$["excel"].parse[upload.file, "excel"];
return false;
}
}
}
12] đường dẫn tuyệt đối đến kho lưu trữ phải được chỉ định như sau
{
view:"uploader", value:"Select Excel File", width:200,
on:{
onBeforeFileAdd:function[upload]{
$$["excel"].clearAll[];
$$["excel"].parse[upload.file, "excel"];
return false;
}
}
}
2Trở lại đầu trangNếu bạn chưa kiểm tra, hãy nhớ truy cập trang web của thư viện Webix html5 ui sản phẩm chính của chúng tôi và trang sản phẩm javascript excel