Struktur HTML yang Diperlukan

Untuk mengimplementasikan Dom View, Anda memerlukan struktur HTML dasar yang terdiri dari: - Container utama untuk menampilkan data - Input field untuk fitur pencarian - Container untuk pagination yang memudahkan navigasi data pengunaan pencarian dan pagination bersifat optional

<View id="app">
  <h3>{title}</h3>
  <p>{updated_at}</p>
</View>
<script import="doc/app.js"key="optional"></script>

const Tds = new Ngorei();
const configurasi  = {
  'elementById': 'app',
  'content': 'row',
  "chunkSize": 1000,
  'order': 3,
  'data': {
      "row": [{...}]
  }
}
const view = Tds.Render().View(configurasi);

Inisialisasi Framework

Langkah pertama adalah mengimpor framework Ngorei dan menginisialisasi instance baru. Framework ini menyediakan berbagai komponen yang diperlukan untuk manipulasi DOM dan manajemen state aplikasi.

Konfigurasi View:

Konfigurasi view memungkinkan Anda mengatur berbagai aspek tampilan data, termasuk: - Pengaturan container dan elemen pencarian - Konfigurasi filter dan pengurutan data - Pengaturan virtual scrolling untuk performa optimal - Manajemen chunk data untuk loading bertahap

Fitur lainnya

1. Memuat ulang seluruh view
2. Memuat ulang view data baru
3. Filter data berdasarkan kategori

Perbaharui data

view.ReloadView({
  row: result.data},{
    append: false,
    preserveFilters: false,
    resetPage: true
});

Add Data baru

view.addData({
  row:[{...}]
});

Filter data

view.filterKey('bulan', '12');

Parameter