🖲 Komponentlar: tugma va amallar

Vidjetdagi har qanday bosish amal obyekti orqali funksiyaga ulanadi.

🔘 Button

• label — matn.
• onClickAction — bosilganda ishga tushadigan amal.
• variant — solid | soft | outline | ghost.
• color — primary | secondary | success | danger | warning | info.
• size — sm | md | lg.
• iconStart, iconEnd — piktogramma nomi yoki { name, stroke, fill, size }.
• submit — Form ni yuboradi.
• block — to‘liq kenglik, pill — yumaloq shakl, width.
• disabled, loading.

<Button
  label="Bron qilish"
  color="primary"
  block
  iconStart="calendar-check"
  onClickAction={{ functionName: 'book_hotel', loadingBehavior: 'self' }}
/>

🎯 Amal obyekti

Uch maydondan iborat:

• functionName — Functions yorlig‘ida e’lon qilingan funksiya nomi.
• loadingBehavior — none (ko‘rsatkichsiz), self (tugmada spinner), container (butun vidjet ustida qatlam).
• additionalInputs — shu chaqiruvga qo‘shiladigan qiymatlar; ular funksiya ichida {{nom}} sifatida o‘qiladi.

onClickAction={{
  functionName: 'track_order',
  loadingBehavior: 'self',
  additionalInputs: { orderId: "{{order.id}}" }
}}

Repeat ichida amal o‘sha elementning ma’lumoti bilan hisoblanadi — ya’ni {{order.id}} bosilgan qatorning identifikatorini beradi.

🖱 Boshqa bosiladigan joylar

• ListViewItem — onClickAction: butun qator bosiladi.
• Image — onClickAction.
• Form — onSubmitAction.
• Forma maydonlari — onChangeAction.

🛡 Ikki marta bosish

Bir funksiya chaqiruvi ketayotganda o‘sha funksiyaning yangi chaqiruvi e’tiborga olinmaydi — shuning uchun ikki marta bosilgan tugma to‘lovni yoki so‘rovni ikki marta yubormaydi.