Skip to content

VS Code Snippet Referansı

Hooks

Kısayol	Çıktı
`utr`	`const [t] = useTranslation()`
`ut`	`const toaster = useToaster()`
`uem`	`const infoModal = useErrorModal()`
`uch`	`const checkHandler = useCheckHandler()`
`ud`	`const [openDialog] = useDialog()`
`udm`	`const dynamicModal = useDynamicModal()`
`uf`	`const form = useForm({})`
`ubg`	`const gridInstance = useBaseGrid()`
`umm`	`const moduleMenu = useModuleMenu()`
`lookupContext`	`useContext<LookupContextModel>(LookupContext)` destructuring

Dosya Şablonları

Kısayol	Açıklama
`tab`	Tabs component (1 panel) — bileşen adı linked tab stop
`tab2`	Tabs component (2 panel)
`tab3`	Tabs component (3 panel)
`tab4`	Tabs component (4 panel)
`tab5`	Tabs component (5 panel)
`formComponent`	Form component dosyası (1 FormItem) — bileşen adı linked tab stop
`formComponent2`	Form component dosyası (2 FormItem)
`formComponent3`	Form component dosyası (3 FormItem)
`formComponent4`	Form component dosyası (4 FormItem)
`formComponent5`	Form component dosyası (5 FormItem)

Form Bileşenleri

Kısayol	Açıklama
`form`	`<Form>` JSX şablonu
`dynamicModal`	`dynamicModal?.show({...})` şablonu
`modal`	`<Modal>` + `<Panel>` JSX şablonu
`button`	`<Button>` JSX şablonu
`panel`	`<Panel>` JSX şablonu

Bildirim ve Diyalog

Kısayol	Açıklama	Gereksinim
`showAlert`	`showAlertDialog({...})` onay diyaloğu	`ud` (useDialog)
`toastS`	`toaster.success({...})` başarı bildirimi	`ut` (useToaster)
`toastW`	`toaster.warning({...})` uyarı bildirimi	`ut` (useToaster)
`toastE`	`toaster.error({...})` hata bildirimi	`ut` (useToaster)
`infoModal`	`infoModal.show({...})` bilgi modalı	`uem` (useErrorModal)

FormItem Tipleri

Kısayol	FormTypes	Tab Sırası
`textField`	`textField`	$1 name, $2 label
`numberInput`	`numberInput`	$1 name, $2 label
`textArea`	`textArea`	$1 name, $2 label
`checkbox`	`checkboxWithLabel`	$1 name, $2 label, $3 labelPlacement
`moneyInput`	`moneyInput`	$1 name, $2 label
`maskInput`	`maskInput`	$1 name, $2 label
`selectInput`	`selectInput`	$1 name, $2 label, $3 enum
`multiSelect`	`multiSelect`	$1 name, $2 label, $3 list
`dateInput`	`dateInput`	$1 name, $2 label
`dateTimeInput`	`dateTimeInput`	$1 name, $2 label
`timeInput`	`timeInput`	$1 name, $2 label
`htmlEditor`	`htmlEditor`	$1 name, $2 label
`switchInput`	`switch`	$1 name, $2 label
`radioInput`	`radioButton`	$1 name, $2 formLabelText, $3 enum
`textSelectInput`	`textSelectInput`	$1 name, $2 label, $3 enum
`selectList`	`agSelectList`	$1 name, $2 label, $3 tableName, $4 requestMethod, $5 columns

Tablo Bileşenleri

Kısayol	Açıklama	Tab Sırası
`agTable`	`<AgTable>`	$1 tableName, $2 rowData, $3 columns
`agSelectList`	`<AgSelectList>` (modal modda)	$1 id, $2 label, $3 requestMethod, $4 columns, $5 tableName, $6 onChange body

Tablo Kolon Dosyaları

Kısayol	Açıklama	Tab Sırası
`tableColumns`	`AgColumnsModel` dosyası (1 kolon)	$1 ad, $2 field, $3 headerName
`tableColumns2`	`AgColumnsModel` dosyası (2 kolon)	$1 ad, $2–$5 field/headerName
`tableColumns3`	`AgColumnsModel` dosyası (3 kolon)	$1 ad, $2–$7 field/headerName
`tableColumns4`	`AgColumnsModel` dosyası (4 kolon)	$1 ad, $2–$9 field/headerName
`tableColumns5`	`AgColumnsModel` dosyası (5 kolon)	$1 ad, $2–$11 field/headerName

CSS Yardımcıları

Kısayol	Açıklama	Tab Sırası
`flex`	Flexbox layout şablonu	$1 justify-content, $2 flex-direction, $3 align-items, $4 gap
`grid`	Grid layout şablonu	$1 column sayısı, $2 gap