iT邦幫忙

2024 iThome 鐵人賽

DAY 14
0

在kintone上,使用者可以輕鬆實現下拉選單的連動功能,這對於許多企業的日常操作來說十分實用。
然而,之前的介紹主要集中在表格之外的下拉選單連動,而許多使用者也希望能在表格內實現同樣的功能。
這種需求在處理更複雜的數據錄入或進行多層級選項時尤為重要。
透過使用Cybozu官方提供的UI庫,我們可以輕鬆實現表格內的下拉選單連動,且UI風格與kintone的整體設計一致,確保了用戶體驗的一致性。
https://ui-component.kintone.dev/docs/components/desktop/table

https://i.imgur.com/mSpHSu6.gif

我們首先需要建立一個保存所有下拉選項及其對應數據的應用程式。
這個應用程式的主要作用是作為資料庫,保存所有下拉選項的選項內容及其對應的相關資料。
由於這個應用程式僅用於保存資料,因此不需要進行複雜的客製化,只需設置好相應的數據結構即可。

接下來,在實際使用下拉選單連動的應用程式中,我們需要設置一個表格,以及一個空白欄位。
表格將作為用戶進行數據錄入和操作的主要界面,但這個表格僅在查看狀態下顯示。
在其他狀態下,則顯示我們自定義的表格界面。這樣的設計可以確保使用者在進行數據編輯時,只能操作我們開發的表格,從而實現連動下拉選單的功能。

在開發過程中,我們可以利用Cybozu提供的UI組件庫來構建表格和下拉選單。
在表格中,使用者可以根據選擇的下拉選項,自動更新相應的子選項,這樣的連動效果可以有效減少錯誤的發生,並提升數據錄入的效率。

這一功能的應用場景非常廣泛,例如在銷售報告中,使用者可以根據選定的產品類別自動過濾出相關的產品型號,或是在項目管理中,根據選定的客戶自動填充客戶聯絡信息等。通過這樣的定制化開發,kintone不僅能夠滿足企業對於數據錄入的基本需求,還能夠實現更高層次的數據管理和自動化操作,從而提升企業整體的業務運營效率。

通過使用Cybozu的UI庫,kintone能夠在表格內實現下拉選單的連動功能,並在保持系統一致性的同時,為企業提供強大的數據管理支持。這一功能的開發不僅簡單易行,還能極大地提升業務流程的精確性和效率,是kintone平台上一個不可或缺的應用工具。


上一篇
Day 13 | kintone & 電子簽名板
下一篇
Day 15 | kintone JavaScript API
系列文
Cybozu 產品 kintone系統的各式應用開發30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言