Konfigurasi Acara

Pengenalan Fungsi

Melakukan pengiraan masa nyata pada nilai input berbilang komponen pengumpulan maklumat melalui pengiraan formula, dan memaparkan hasil pengiraan secara automatik pada komponen sasaran. Fungsi ini merealisasikan pengikatan komponen dan kemas kini responsif melalui formula visual, dan pengiraan logik perniagaan yang kompleks boleh diselesaikan tanpa menulis kod.

Senario Aplikasi

Sesuai untuk senario yang memerlukan paparan masa nyata selepas pengiraan mudah, seperti:

• Mengira jumlah harga termasuk cukai dalam masa nyata dalam borang pesanan pembelian: (Harga Unit * Kuantiti) * (1 + Kadar Cukai/100)
• Mengira kecekapan operasi peralatan secara dinamik: (Arus * Voltan * Masa Operasi) / 1000

Cara Penggunaan

Sebagai contoh, mengira jumlah harga termasuk cukai secara masa nyata dengan pesanan pembelian:

1. Seret empat medan angka ke dalam borang: Harga Seunit, Bilangan, Kadar Cukai, Jumlah Harga Termasuk Cukai.

2. Dalam panel konfigurasi medan [Harga Seunit], tambahkan acara dalam [Sifat Lanjutan] > [Konfigurasi Acara]。

3. Dalam [Konfigurasi Acara], konfigurasikan fungsi untuk dicetuskan apabila [Jenis Pencetus] ialah [Perubahan Medan].

4. Edit formula pengiraan: Masukkan “@” + nama komponen untuk menambah medan yang ingin anda kira;

Tulis formula mengikut keperluan, seperti: (Harga Seunit * Bilangan)*(1 + Kadar Cukai/100).

5. [Medan Sasaran] Pilih medan untuk memaparkan hasil pengiraan。Kami akan menukar jenis medan yang terlibat dalam pengiraan secara paksa mengikut jenis data medan sasaran.

6. Semua medan yang terlibat dalam pengiraan perlu mengkonfigurasi formula ini, untuk memastikan setiap nilai medan yang terlibat dalam pengiraan dikira semula apabila ia berubah. Contohnya, dalam senario ini, [Harga Seunit], [Bilangan], dan [Kadar Cukai] perlu menetapkan konfigurasi acara ini.

7. Selepas konfigurasi selesai, simpan borang.

Konfigurasi Tindakan

Pengenalan Fungsi

Pengguna boleh menulis kod javascript dalam [Atribut Lanjutan] > [Tetapan Tindakan] untuk melaksanakan logik perniagaan mereka sendiri.

Senario Aplikasi

• Pengiraan nilai medan yang kompleks yang tidak dapat diselesaikan dengan fungsi [Pengiraan Formula] yang mudah. Contohnya, menukar kandungan input teks satu baris menjadi nombor, dan kemudian menetapkannya kepada satu atau lebih medan lain selepas mengira melalui peraturan pengiraan tersuai;
• Apabila kawalan borang melakukan tindakan, panggil kaedah penjana.

Cara Penggunaan

1. Buka panel penyunting js

1. Pilih kawalan;
2. Klik [Atribut Lanjutan] untuk bertukar ke panel yang sepadan;
3. Klik 【Tetapan Tindakan】>【Tindakan Baharu】;
4. Pilih tindakan yang sepadan dalam menu lungsur yang muncul. Apabila tindakan yang sepadan dicetuskan, kod JS yang anda tulis akan dilaksanakan; Pada masa ini, empat tindakan berikut disokong:
   1. dipasang, selepas komponen dimuatkan
   2. onBlur, apabila komponen kehilangan fokus
   3. onChange, apabila nilai komponen berubah
   4. onFocus, apabila komponen dipilih

5. Tulis kod dalam panel penyuntingan js; Selain menulis kod biasa, dalam bab seterusnya, kami akan mengajar anda cara memasukkan parameter, mengeluarkan parameter dan fungsi yang disokong pada masa ini. Pratonton panel js adalah seperti berikut:

2. Perolehan Parameter Acara

Apabila anda perlu memasukkan parameter, seperti: memasukkan nilai komponen lain ke dalam kod untuk diproses, tulis seperti berikut:

function () {

this.models[fieldKey]

//示例：this.models[' input_yi7bli17 ']

}

2.1. Dapatkan sifat komponen semasa

Dalam fungsi acara, nilai atribut boleh diperolehi melalui arguments[0], seperti berikut:

function () {

const { field} = arguments[0]

}

Dalam tindakan yang berbeza, sifat komponen yang boleh diperolehi juga berbeza. Lihat butiran di bawah:

2.1.1. onBlur

Boleh mendapatkan komponenfieldKey，fieldKey adalah jenis string, contohnya:

function () {

//表示获取当前组件的值

const { field } = arguments[0]

this.models['input_pr13o8wi']=field

}

2.1.2. onChange

Boleh mendapatkan komponenfieldKeydanvalue，jenis data mereka ialah{ field: string, value: any }

2.1.3. onFocus

Sama seperti onBlur

2.2. Fungsi [this] Dijelaskan

Selain mendapatkan atribut komponen, kami juga menyokong mendapatkan atribut komponen lain.

Dalam fungsi tindakan, this merujuk kepada contoh GenerateForm, iaitu anda boleh terus memanggil kaedah dalam GenerateForm.

Di sini ditekankan: Dalam fungsi this, memasukkan kunci komponen akan mendapatkan nilainya atau menulis nilai ke dalam fieldKey yang sepadan, seperti: this.models['fieldKey']

function () {

// 获取表单值

this.getData()

// 设置表单字段的值

this.models['id'] = 'nilai baharu'

// 触发某个编写好的函数

this.triggerEvent('foo', { a: 123 })

// 显示表单隐藏的字段

this.display('id')

}

3. Menulis Kod

Selepas mendapatkan sifat atau nilai yang diinginkan, anda boleh terus menulis kod, seperti berikut:

const keyA = 'input_yi7bli17'const keyB = 'input_78qtmi79'const keyC = 'input_n8qwf66f'this.models[keyC] = this.models[keyA] + this.models[keyB]

3.1. Fungsi yang Disokong

Gunakan triggerEvent untuk memanggil fungsi dalam fungsi:

function () {

this.triggerEvent('test', { id: '123' })

}

Anda boleh mendapatkan parameter dalam kaedah test melalui cara berikut:

function () {

const { id } = arguments[0]

}

4. Jalankan

Klik "Pratonton" borang untuk mencetuskan tindakan yang sepadan, dan anda boleh melihat hasilnya.

5. Contoh Penerangan

Contoh: Dapatkan nilai komponen semasa dan berikan kepada komponen lain, dengan Kunci komponen lain ialah input_69m9x9mj