szit

Ez az oldal csak olvasható. Megtekintheted a forrását, de nem változtathatod meg. Ha úgy gondolod, hogy ez helytelen, kérdezd az Adminisztrátorokat!

[[oktatas:web:svelte|< Svelte]]

====== Svelte - Táblázat generálása ======

  * **Szerző:** Sallai András
  * Copyright (c) Sallai András, 2022
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
  * Web: https://szit.hu

===== Táblázat generálása =====

<code html src/routes/+page.svelte>
<script>

let employees = [
    { name: "Parke Béla", salary: 2850000 },
    { name: "Lenke Attila", salary: 2243500 },
    { name: "Tron Ferenc", salary: 2150500 }
];

</script>

<h1>Főoldal</h1>


<table>
    {#each employees as emp}
    <tr>
        <td>{emp.name}</td>
        <td>{emp.salary}</td>
    </tr>    
    {/each}
</table>

</code>


===== Adatok függvényből =====


<code html src/routes/+page.svelte>
<script>

let data = new Array();

function get() {
    let employees = [
      { name: "Parke Béla", salary: 2850000 },
      { name: "Lenke Attila", salary: 2243500 },
      { name: "Tron Ferenc", salary: 2150500 }
    ];
    data = employees;
}
</script>

<h1>Főoldal</h1>

<button on:click={get}>Megkap</button>

<table>
    {#each data as emp}
    <tr>
        <td>{emp.name}</td>
        <td>{emp.salary}</td>
    </tr>    
    {/each}
</table>
</code>

A függvényben az adatok jöhetnek fetch() függvénnyel is.