Mục lục:
- Giới thiệu
- Cách tạo một UserForm đơn giản
- Code ví dụ
- Kết luận
Giới thiệu
UserForm là một công cụ hữu ích cho phép bạn tạo các biểu mẫu nhập liệu và điều khiển trong Google Sheets. Bạn có thể sử dụng UserForm để thêm các tính năng tùy chỉnh vào bảng tính của mình, chẳng hạn như:
- Nhập dữ liệu từ người dùng
- Tạo menu tùy chỉnh
- Điều khiển các thành phần của bảng tính
Trong bài viết này, chúng ta sẽ cùng nhau tìm hiểu cách tạo một UserForm đơn giản trong Sidebar với Apps Script.
![](https://i0.wp.com/appscript.online/wp-content/uploads/2023/10/product_37311_product_shot_wide.jpg?resize=642%2C321)
Cách tạo một UserForm đơn giản
Để tạo một UserForm đơn giản, chúng ta cần thực hiện các bước sau:
- Mở bảng tính Google Sheets mà bạn muốn thêm UserForm.
- Nhấp vào Thư viện ứng dụng > Apps Script.
- Trong cửa sổ Apps Script, nhấp vào Tạo ứng dụng mới.
- Nhập tên cho ứng dụng của bạn và nhấp vào Tạo.
- Trong cửa sổ Mã, dán đoạn code sau:
function showUserForm() {
// Tạo một UserForm
var form = Ui.createForm();
// Thêm các thành phần vào UserForm
form.addTextInput({
label: "Tên",
name: "name"
});
form.addTextInput({
label: "Email",
name: "email"
});
form.addButton({
label: "Gửi",
onClick: function() {
// Nhận dữ liệu từ UserForm
var name = form.getValue("name");
var email = form.getValue("email");
// Hiển thị dữ liệu trên màn hình
SpreadsheetApp.getActiveSpreadsheet().getRange("A1").setValue(name);
SpreadsheetApp.getActiveSpreadsheet().getRange("B1").setValue(email);
}
});
// Hiển thị UserForm trong Sidebar
form.showSidebar();
}
- Nhấp vào Chạy.
Code ví dụ
Dưới đây là đoạn code ví dụ tạo một UserForm đơn giản với hai trường nhập liệu: tên và email.
function showUserForm() {
// Tạo một UserForm
var form = Ui.createForm();
// Thêm các thành phần vào UserForm
form.addTextInput({
label: "Tên",
name: "name"
});
form.addTextInput({
label: "Email",
name: "email"
});
form.addButton({
label: "Gửi",
onClick: function() {
// Nhận dữ liệu từ UserForm
var name = form.getValue("name");
var email = form.getValue("email");
// Hiển thị dữ liệu trên màn hình
SpreadsheetApp.getActiveSpreadsheet().getRange("A1").setValue(name);
SpreadsheetApp.getActiveSpreadsheet().getRange("B1").setValue(email);
}
});
// Hiển thị UserForm trong Sidebar
form.showSidebar();
}
Kết luận
Như vậy, chúng ta đã cùng nhau tìm hiểu cách tạo một UserForm đơn giản trong Sidebar với Apps Script. Để biết thêm thông tin chi tiết, bạn có thể tham khảo tài liệu chính thức của Google Apps Script.
Dịch vụ lập trình ứng dụng
🎯 Lập trình API, Python, Node JS, Telegram Bot, Automate Workflow, Power Apps and Apps Script.
📒 Nhận dạy Lập trình Apps Script, Power Apps từ cơ bản đến nâng cao.
📞 +84 78 600 5534 (Zalo, WhatsApp, Telegram)
💻 Github