Tree View

{
  "pageType": "crud",
  "pageTitle": "Kategori Barang",
  "pageModuleTitle": "Data Master",
  "crudOpt": {
    "endpointName": "https://zsdsdsdsds/fdfdfdfd?parent_id=1&fetch_child=false&sort=kode&sort_dir=asc&enabled_pagination=false",
    "getApiSummaryData": false,
    "serverSideGrid": true,
    "gridTheme": "treeview",
    "treeviewAddSubIncrementField": "kode",
    "treeviewIdField": "id",
    "treeviewParentIdField": "parent_id",
    "treeviewTitleField": "nama",
    "treeviewDisabledDrag": true,
    "treeviewDisabledDrop": true,
    "data": {
      "dynamicColumns": [
        {
          "fieldName": "kode",
          "columnName": "Code"
        },
        {
          "fieldName": "nama",
          "columnName": "Name",
          "className": "me-4"
        }
      ],.......

Halaman CRUD dengan layout Tree View ini dirancang untuk memudahkan pengelolaan data yang bersifat hierarkis atau memiliki struktur berlapis. Dengan layout ini, pengguna dapat membuat, membaca, memperbarui, dan menghapus data secara interaktif dalam bentuk pohon, di mana setiap entitas atau item ditampilkan sebagai node yang dapat bercabang ke sub-item.

Tree View memberikan cara visual yang sederhana namun efektif untuk mengorganisir dan menavigasi data yang kompleks. Pengguna dapat dengan mudah memperluas (expand) atau menutup (collapse) cabang untuk melihat atau menyembunyikan sub-item, memungkinkan pengelolaan data dalam berbagai tingkat kedalaman dengan lebih efisien. Layout ini sangat ideal untuk kasus penggunaan yang melibatkan data hierarkis seperti kategori produk, struktur file, menu navigasi, atau pengelolaan dokumen.

Fitur CRUD yang terintegrasi memungkinkan pengguna untuk langsung menambah node baru, mengedit nama atau detail item, serta menghapus node yang tidak diperlukan, semuanya dari tampilan Tree View. Pengguna juga dapat dengan mudah memindahkan node dari satu cabang ke cabang lain dengan drag-and-drop, memberikan fleksibilitas penuh dalam mengatur ulang struktur data.

Dengan pencarian yang cepat dan filter, pengguna dapat dengan mudah menemukan item tertentu di dalam pohon meskipun strukturnya sangat luas dan berlapis. Layout Tree View ini menawarkan tampilan yang intuitif dan terorganisir, yang sangat berguna untuk pengelolaan data berjenjang dalam berbagai skenario aplikasi bisnis.

Last updated