Hộp văn bản đầu ra html
Chương này mô tả cách tạo các ứng dụng Dash của bạn bằng các chức năng gọi lại. các hàm được Dash tự động gọi bất cứ khi nào thuộc tính của thành phần đầu vào thay đổi, để cập nhật một số thuộc tính trong thành phần khác (đầu ra) Để có hiệu suất tải biểu đồ và tương tác người dùng tối ưu, Hãy bắt đầu với một ví dụ đơn giản về ứng dụng Dash tương tác Ứng dụng Dash tương tác đơn giản
Thay đổi giá trị trong hộp văn bản để xem hoạt động của lệnh gọi lại Hãy chia nhỏ ví dụ này
Tìm hiểu thêm về cách sử dụng trình trang trí 7a. Bằng cách viết trình trang trí này, chúng tôi yêu cầu Dash gọi hàm này cho chúng tôi bất cứ khi nào giá trị của thành phần “đầu vào” (hộp văn bản) thay đổi để cập nhật phần con của thành phần “đầu ra” trên trang (div HTML b. Bạn có thể sử dụng bất kỳ tên nào cho chức năng được bao bọc bởi trình trang trí 7. Quy ước là tên mô tả (các) đầu ra gọi lạic. Bạn có thể sử dụng bất kỳ tên nào cho các đối số của hàm, nhưng bạn phải sử dụng cùng tên bên trong hàm gọi lại giống như cách bạn thực hiện trong định nghĩa của nó, giống như trong một hàm Python thông thường. Các đối số là vị trí theo mặc định. đầu tiên các mục 0 và sau đó bất kỳ mục 1 nào được đưa ra theo thứ tự như trong trang trí. Bạn cũng có tùy chọn sử dụng các đối số từ khóa được đặt tên, thay vì vị trí. Xem chương Chữ ký gọi lại linh hoạt để biết thêm thông tind. Bạn phải sử dụng cùng một 5 mà bạn đã cung cấp một thành phần Dấu gạch ngang trong 1 khi đề cập đến nó như một đầu vào hoặc đầu ra của trình trang trí 7e. Trình trang trí 7 cần ở ngay phía trên khai báo hàm gọi lại. Nếu có một dòng trống giữa trình trang trí và định nghĩa chức năng, đăng ký gọi lại sẽ không thành côngf. Nếu bạn tò mò về ý nghĩa của cú pháp decorator, bạn có thể đọc và tìm hiểu thêm về decorator bằng cách đọc
Nó giống như lập trình với Microsoft Excel. Hãy nhớ cách mọi thành phần được mô tả hoàn toàn thông qua 8 của các thành phần HTMLđể hiển thị văn bản mới (hãy nhớ rằng 8 chịu trách nhiệm về nội dung của một thành phần) hoặc thuộc tính 40 của 41component to display new data. We could also update the 3 of athành phần hoặc thậm chí là 43 có sẵn của thành phần 44. Hãy xem một ví dụ khác trong đó một 45 cập nhậta 41. Bố cục ứng dụng Dash với hình và thanh trượt
Chủ đề với Dash Enterprise Design Kit Hình nền mặc định chủ đề sao hỏa Chủ đề sao Hải Vương Chủ đề Miller chủ đề ngoài hệ mặt trời Chủ đề cài sẵn Trong ví dụ này, thuộc tính 47 của 45 làđầu vào của ứng dụng và đầu ra của ứng dụng là thuộc tính 49 của 41.Bất cứ khi nào 6 của 45 thay đổi, Dash sẽ gọihàm gọi lại 83 với giá trị mới. Hàm lọc khung dữ liệuvới giá trị mới này, xây dựng đối tượng 40và trả về ứng dụng Dash. Có một vài mẫu đẹp trong ví dụ này
Ứng dụng Dash với nhiều đầu vàoTrong Dash, bất kỳ “đầu ra” nào cũng có thể có nhiều thành phần “đầu vào”. 6 của hai thành phần 44,hai thành phần 61 và một thành phần . to one output component (the 40 property of the 41 component).Lưu ý cách ________ 465 liệt kê tất cả năm mục ________ 40 sau ________ 467.
Chủ đề với Dash Enterprise Design Kit Hình nền mặc định chủ đề sao hỏa Chủ đề sao Hải Vương Chủ đề Miller chủ đề ngoài hệ mặt trời Trình chỉnh sửa chủ đề bộ công cụ thiết kế Trong ví dụ này, lệnh gọi lại thực thi bất cứ khi nào thuộc tính 6 của bất kỳ 44, 45,hoặc thành phần 61 nào thay đổi. Các đối số đầu vào của hàm gọi lại là giá trị Mặc dù chỉ có một 0 duy nhất thay đổi tại một thời điểm (i. e. người dùng chỉ có thể thay đổigiá trị của một Menu thả xuống duy nhất trong một thời điểm nhất định), Dash thu thập trạng thái hiện tại của tất cả các thuộc tính 0 đã chỉ định và chuyển chúng< . Các chức năng gọi lại này luôn được đảm bảointo the callback function. These callback functions are always guaranteed để nhận trạng thái cập nhật của ứng dụng. Hãy mở rộng ví dụ của chúng tôi để bao gồm nhiều đầu ra Ứng dụng Dash với nhiều đầu raCho đến nay, tất cả các cuộc gọi lại chúng tôi đã viết chỉ cập nhật một thuộc tính 67 duy nhất. Chúng tôi cũng có thể cập nhật nhiều đầu ra cùng một lúc. liệt kê tất cả các thuộc tính bạn muốn cập nhật trong 65,và trả lại nhiều mục đó từ hàm gọi lại. Điều này đặc biệt hữu ích nếu hai đầu ra phụ thuộc vào cùng một kết quả trung gian chuyên sâu về tính toán, chẳng hạn như truy vấn cơ sở dữ liệu chậm. 4Lời cảnh báo. không phải lúc nào cũng nên kết hợp các đầu ra, ngay cả khi
Ứng dụng Dash với các cuộc gọi lại theo chuỗiBạn cũng có thể xâu chuỗi đầu ra và đầu vào với nhau. đầu ra của một hàm gọi lại Mẫu này có thể được sử dụng để tạo giao diện người dùng động, ví dụ: một thành phần đầu vào 4Lệnh gọi lại đầu tiên cập nhật các tùy chọn khả dụng trong thành phần 61 thứ hai dựa trên giá trị đã chọn trongthành phần 61 đầu tiên. Lệnh gọi lại thứ hai đặt giá trị ban đầu khi thuộc tính 43thay đổi. nó đặt nó thành giá trị đầu tiên trong mảng 43 đó. Cuộc gọi lại cuối cùng hiển thị 6 đã chọn của mỗi thành phần. Nếu bạn thay đổi thành phần 6 của quốc gia 61, Dash sẽ đợi cho đến khi thành phần 6 của thành phố được cập nhật. Điều này ngăn các cuộc gọi lại của bạn được gọi với trạng thái không nhất quán như với 24 và 25. Ứng dụng Dash có trạng tháiTrong một số trường hợp, bạn có thể có mẫu giống như “biểu mẫu” trong Việc đính kèm một cuộc gọi lại trực tiếp vào các giá trị đầu vào có thể trông như thế này 8Trong ví dụ này, hàm gọi lại được kích hoạt bất cứ khi nào 0 thay đổi. Hãy tự mình thử bằng cách nhập dữ liệu vào các mục nhập ở trên. 1 cho phép bạn chuyển các giá trị bổ sung mà khôngthực hiện lệnh gọi lại. Đây là ví dụ tương tự như trên nhưng với hai 43 thành phần là 1và một thành phần nút mới là 0. 6Trong ví dụ này, việc thay đổi văn bản trong hộp 43 sẽ không kích hoạtgọi lại, nhưng việc nhấp vào nút sẽ. Giá trị hiện tại của 43 giá trị vẫn được chuyển vào hàm gọi lại mặc dùchúng không tự kích hoạt hàm gọi lại. Lưu ý rằng chúng tôi đang kích hoạt gọi lại bằng cách lắng nghe thuộc tính 33của thành phần 34. 33 là thuộc tính đượctăng lên mỗi khi thành phần được nhấp vào. Nó có sẵn trong mọi thành phần trong Các thành phần HTML của Dash ( 2), nhưng hữu ích nhất với các nút. Chuyển các thành phần vào cuộc gọi lại thay vì IDKhi tạo bố cục ứng dụng trong các ví dụ trước, chúng tôi đã chỉ định ID cho các thành phần trong bố cục và sau đó tham chiếu các mã này trong đầu vào và đầu ra gọi lại Trong ví dụ đầu tiên, có một thành phần 43 với 5 'đầu vào của tôi' và một 39 với ______15 'đầu ra của tôi' 1Bạn cũng có thể cung cấp các thành phần trực tiếp dưới dạng đầu vào và đầu ra mà không cần thêm hoặc tham chiếu đến một 5. Dash tự động tạo ID cho các thành phần nàyĐây là ví dụ đầu tiên một lần nữa. Trước khi khai báo bố cục ứng dụng, chúng tôi tạo hai thành phần, gán cho mỗi thành phần một biến. Sau đó, chúng tôi tham chiếu các biến này trong bố cục và chuyển chúng trực tiếp làm đầu vào và đầu ra cho hàm gọi lại 2Trong Trăn 3. 8 trở lên, bạn có thể sử dụng toán tử hải mã để khai báo các biến thành phần trong bố cục ứng dụng 3
Tóm lượcChúng tôi đã đề cập đến các nguyên tắc cơ bản của lệnh gọi lại trong Dash. 6property of 44 component)are editable by the user through interacting with the page. Phần tiếp theo của hướng dẫn Dash bao gồm đồ thị tương tác. Hướng dẫn Dash Phần 4. Vẽ đồ thị tương tác |