<template>
	<div class="widget-action-page">
		<h1>Widget Action/PostAction</h1>

		<p>
			Per chiamare le widget Action/PostAction definite in Arca basta utilizzare i metodi CallAction e CallPostAction della classe del widget.
		</p>

		<code-sample lang="javascript" :code="codeSamples.actions" />

		<hr class="section-separator">
		<h2>Passare parametri alle action</h2>

		I parametri alle action vanno passati direttamente alle funzioni CallAction e CallPostAction.
		<br>
		A questi metodi è possibile passare un numero massimo di 5 parametri.
		<code-sample lang="javascript" :code="codeSamples.actionsParam" />
	</div>
</template>

<script lang="ts">
import { Vue, Component, Prop } from "vue-property-decorator"

@Component
export default class WidgetActionPage extends Vue
{
	codeSamples = {
		actions: [
			`// Widget/Action/NomeAzione`,
			`this.CallAction("NomeAzione");`,
			`// Widget/PostAction/NomeAzione`,
			`this.CallPostAction("NomeAzione", { dati: [0, 1, 2] });`
		].join('\n'),

		actionsParam: [
			`// Widget/Action/NomeAzione?param1=abc&param2=123`,
			`this.CallAction("NomeAzione", "abc", 123);`,
			`// Widget/PostAction/NomeAzione?param1=abc&param2=123`,
			`this.CallPostAction("NomeAzione", { dati: [0, 1, 2] }, "abc", 123);`
		].join('\n')
	}
}
</script>

<style lang="less" scoped>
.widget-action-page {
	
}
</style>